Đồ án Xây dựng ứng dụng quản lý khách hàng của quỹ vay vốn liên đoàn lao động thành phố

Mục lục Mở đầu Chương Lập trình tảng Web 1World Wide Web 1.1.1 World Wide Web 1.1.2 Webserver 10 1.1.3 Phân loại Web 11 1.2 HTML 13 1.2.1 Cấu trúc chung trang HTML 13 1.2.2 Các thẻ HTML 14 1.3 Ngôn ngữ PHP MySQL 15 1.3.1 Ngôn ngữ PHP 15 1.3.2 MySQL 24 Chương Mô tả toán 31 2.1 Phát biểu toán quản lý khách hàng quỹ vay vốn liên đoàn lao động thành phố Hải Phòng 31 2.2 Sơ đồ tiến trình nghiệp vụ 32 2.2.1 Sơ đồ tiến trình nghiệp vụ nộp hồ sơ vay vốn 32 2.2.2 Sơ đồ tiến trình nghiệp vụ lập báo cáo tổng hợp 33 Chương Phân tích thiết kế hệ thống 34 3.1 Mơ hình nghiệp vụ 34 3.1.1 Biểu đồ ngữ cảnh 34 3.1.2 Nhóm dần chức năg 35 3.1.3 Sơ đồ phân rã chức 36 3.1.4 Danh sách hồ sơ cần sử dụng 37 3.1.5 Ma trận thực thể chức 38 3.2 Sơ đồ luống liệu 39 3.2.1 Sơ đồ luồng liệu mức 39 3.2.2 Sơ đồ luồng liệu mức 40 3.3 Thiết kế sở liệu 42 3.3.1 Mơ hình liên kết thực thể (ER) 42 3.3.2 Mơ hình quan hệ 47 3.3.3 Các bảng liệu lý 49 Chương Cài đặt chương trình 51 4.1 Giới thiệu hệ thống chương trình 51 4.1.1 Môi trường cài đặt 51 4.1.2 Các hệ thống 51 4.1.3 Các chức hệ thống 51 4.2 Giao diện website 51 4.2.1 Giao diện đăng nhập hệ thống 51 4.2.2 Các bảng tổng hợp Cơng đồn cấp 53 4.2.3 Các bảng tổng hợp Công đoàn sở 54 4.2.4 Các bảng tổng hợp danh sách nhân viên 55 4.2.5 Các bảng tổng hợp danh sách tên người vay 56 Kết luận 60 Tài liệu tham khảo 61 Mục lục ảnh Hình 1: Server gửi liệu 12 Hình 2: Cấu trúc chung HTML 13 Hình 3: Xuất trình duyệt 19 Hình 4: Liên kết chuỗi 19 Hình 5: Biến PHP 20 Hình 6: Hằng PHP 20 Hình 7: Liên kết chuỗi biến PHP 21 Hình 8: Phương thức POST PHP 21 Hình 1: Sơ đồ tiến trình ngiệp nộp hồ sơ vay vốn 32 Hình 2: Sơ đồ tiến trình nghiệp vụ lập báo cáo tổng hợp 33 Hình 1: Biểu đồ ngữ cảnh 34 Hình 2: Sơ đồ phân rã chức 36 Hình 3: Ma trận thực thể chức 38 Hình 4: Sơ đồ luống liệu mức 39 Hình 5: Sơ đồ luồng liệu mức tiến trình “Tiếp nhận duyệt hồ sơ” 40 Hình 6: Sơ đồ luồng liệu mức tiến trình “Báo cáo” 41 Hình 7: Mơ hình thực thể (ER) 46 Hình 8: Mơ hình quan hệ 48 Hình 1: Giao diện đăng nhập hệ thống 52 Hình 2: Giao diện hệ thống 52 Hình 3: Bảng tổng hợp CĐCT 53 Hình 4: Giao diện cập nhập CĐCT 53 Hình 5: Bảng tổng hợp CĐCS 54 Hình 6: Giao diện cập nhập CĐCS 54 Hình 7: Bảng tổng hợp nhân viên 55 Hình 8: Giao diện cập nhập nhân viên 55 Hình 9: Bảng tổng hợp tên người vay chờ duyệt vay CĐCS 56 Hình 10: Giao diện cập nhập người vay chờ duyệt vay 56 Hình 11: Giao diện duyệt vay 57 Hình 12: Bảng danh sách người vay duyệt 57 Hình 13: Bảng danh sách người vay không duyệt 58 Hình 14: Bảng tổng hợp danh sách hồ sơ nộp vào 58 Hình 15: Bảng ttoorng hợp danh sách khách hàng vay 59 Mở đầu Hiện Công nghệ thông tin thông tin vô phát triển Internet dần trở thành thứ thiếu sống Và nhu cầu thiết yếu giám đốc công tác muốn xem hay quản lý Việc quản lý thơng tin mạng dần phổ biến năm gần Đây lợi cho doanh nghiệp hay quan tiếp cận khách hàng quản lý liệu cách nhanh chóng bằng website để giám đốc người quản lý biết thông tin hay quản lý thông tin họ biết thơng tin Từ thực tế nhìn thấy việc xây dựng hệ thống quản lý thông tin tảng website quan trọng cần thiết Vì nên em chọn đề tài: “Xây dựng quản lý khách hàng quỹ vay vốn liên đoàn lao động thành phố” với mục đích nghiên cứu tìm hiểu xây dựng quản lý cho vay vốn quỹ vay vốn liên đoàn lao động thành phố website Giúp doanh nghiệp, quan dễ dàng quản lý Tối ưu chi phí, cơng sức quản lý dễ dàng tiện lợi Đồ án gồm chương: Chương Lập trình tảng Web Chương Mơ tả tốn Chương Phân tích thiết kế hệ thống Chương Cài đặt chương trình Chương Lập trình tảng Web 1World Wide Web 1.1.1 World Wide Web a, Khái niệm World Wide Web (WWW) hay gọi web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc WWW Ngày số website giới đạt tới số khổng lồ WWW cho phép truy xuất thông tin văn bản, hình ảnh, âm thanh, video tồn giới Thơng qua website, q cơng ty giảm thiểu tối đa chi phí in ấn phân phát tài liệu cho khách hàng nhiều nơi Trang Web tệp văn có chứa đựng ngơn ngữ lập trình siêu văn (Hyper Text Markup Language - HTML) để tích hợp hình ảnh, âm trang Web khác Trang Web lưu Web Server truy cập vào mạng Internet qua trình duyệt Web Browser có máy tính Trang Web có đặc trưng bản: 1> Giữa trang Web có siêu liên kết cho phép người sử dụng từ trang sang trang khác mà khơng tính đến khoảng cách địa lý 2> Ngơn ngữ HTML cho phép trang web sử dụng Multimedia để thể thơng tin Mỗi trang Web có địa gọi Uniform Resource Locator (URL) URL đường dẫn Internet để đến trang Web Ví dụ URL cho trang TinTucVietNam http://www.tintucvietnam.com Tập hợp trang web phục vụ cho tổ chức đặt máy chủ kết nối mạng gọi web site Trong website thường có trang chủ từ có đường dẫn siêu liên kết đến trang khác b, Cách tạo trang web Có nhiều cách để tạo trang web, tạo trang web chương trình xử lí văn nào: - Tạo web bằng cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad, v.v chương trình soạn thảo văn có sẵn Window - Thiết kế bằng cách dùng web Wizard công cụ Word 97, Word 2000 - Thiết kế web bằng phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor, Phần mềm chuyên nghiệp DreamWeaver giúp thiết kế trang web dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML có sẵn phần code Để xây dựng ứng dụng web hoàn chỉnh có tính thương mại, cần kết hợp Client Script (kịch trình khách) Server Script (kịch trình chủ) với loại sở liệu đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, Khi muốn triển khai ứng dụng web mạng, ngồi điều kiện cấu hình phần cứng, cần có trình chủ web thường gọi web Server c, Trình duyệt web (web Client hay web Browser) Trình duyệt Web công cụ truy xuất liệu mạng, phần mềm giao diện trực tiếp với người sử dụng Nhiệm vụ Web Browser nhận yêu cầu người dùng, gửi yêu cầu qua mạng tới Web Server nhận liệu cần thiết từ Server để hiển thị lên hình Để sử dụng dịch vụ WWW, Client cần có chương trình duyệt Web, kết nối vào Internet thơng qua ISP Các trình duyệt thơng dụng là: Microsoft Internet Explorer, Google Chrome, Mozilla FireFox… Một điểm đáng lưu ý là, trình duyệt có cách đọc giải mã liệu website riêng, nên dù thiết kế website mở bằng hai trình duyệt khác nhau, bạn nhìn thấy cách hiển thị hai giao diện khác Tuy nhiên khác biệt không nhiều khơng ảnh hưởng đến tính có website 1.1.2 Webserver Webserver máy tính nối vào Internet chạy phần mềm thiết kế Webserver đóng vai trị chương trình xử lí nhiệm vụ xác định, tìm trang thích hợp, xử lí tổ hợp liệu, kiểm tra liệu hợp lệ Webserver nơi lưu trữ sở liệu, phần mềm đảm nhiệm vai trò server cung cấp dịch vụ Web Webserver hỗ trợ các công nghệ khác nhau: 10 - IIS (Internet Information Service): Hỗ trợ ASP, mở rộng hỗ trợ PHP - Apache: Hỗ trợ PHP - Tomcat: Hỗ trợ JSP (Java Servlet Page) "Web server" phần cứng phần mềm, hai  Ở khía cạnh phần cứng, web server máy tính lưu trữ file thành phần website (ví dụ: tài liệu HTML, file ảnh, CSS file JavaScript) phân phát chúng tới thiết bị người dùng cuối (enduser) Nó kết nối tới mạng Internet truy cập tới thơng qua tên miền giống mozilla.org  Ở khía cạnh phần mềm, web server bao gồm số phần để điều khiển cách người sử dụng web truy cập tới file lưu trữ HTTP server(máy chủ HTTP) Một HTTP server phần mềm hiểu URL (các địa web) HTTP (giao thức trình duyệt bạn sử dụng để xem trang web)  Ở mức nhất, trình duyệt cần file lưu trữ web server, trình duyệt request (u cầu) file thông qua HTTP Khi request tới web server (phần cứng), HTTP server (phần mềm) gửi tài liệu u cầu trở lại, thơng qua HTTP Ví dụ, để tạo trang web mà bạn nhìn thấy trình duyệt, application server điền HTML template với nội dung lấy từ database Các site giống MDN hay Wikipedia có hàng nghìn trang web, chúng tài liệu HTML thực sự, mà vài HTML template database khổng lồ Thiết lập làm cho dễ dàng nhanh để bảo dưỡng phân phối nội dụng 1.1.3 Phân loại Web - Web tĩnh: Tài liệu phân phát đơn giản từ hệ thống file Server Định dạng trang web tĩnh siêu liên kết, trang định dạng Text, hình ảnh đơn giản Ưu điểm: CSDL nhỏ nên việc phân phát liệu có hiệu rõ ràng, Server đáp ứng nhu cầu Client cách nhanh chóng Điểm cộng loại website 11 nội dung đơn giản, khơng có can thiệp q nhiều người lập trình web khơng phải xử lý câu lệnh phức tạp Loại website tạo nên để đối tượng sử dụng thoải mái hơn, tự sáng tạo người thiết kế, đảm bảo giao diện đẹp mắt, hấp dẫn Nếu sản phẩm, dịch vụ bạn không nhiều, nguồn nhân lực bạn không đủ không thay đổi thơng tin lựa chọn giải pháp thiết kế Web tĩnh Nhược điểm: Không đáp ứng yêu cầu phức tạp người sử dụng, khơng linh hoạt, Cụ thể khơng có hệ thống hỗ trợ thay đổi thơng tin Do vậy, cần phải cập nhật thông tin thường xuyên bạn phải am hiểu lập trình bỏ khoản chi phí Hoạt động trang Web tĩnh thể sau: Hình 1: Server gửi liệu - Website động: Về nội dung trang Web động trang Web tĩnh, ngồi cịn thao tác với CSDL để đáp ứng nhu cầu phức tập trang Web Sau nhận yêu cầu từ Web Client, chẳng hạn truy vấn từ CSDL đặt Server, ứng dụng Internet Server truy vấn CSDL này, tạo trang HTML chứa kết truy vấn gửi trả cho người dùng Đối với loại web bao gồm hai phần Phần hiển thị trình duyệt mà truy cập internet bạn thấy Phần thứ hai tồn ngầm bên dưới, có công dụng để điều khiển nội dung trang Để xem chỉnh sửa nội dung ngầm có người quản trị, có 12 tài khoản user truy cập vào 1.2 HTML - HTML chữ viết tắt cụm từ HyperText Markup Language, có nghĩa “ngôn ngữ đánh dấu siêu văn bản” Cha đẻ HTML Tim Berners-Lee, người khai sinh World Wide Web chủ tịch World Wide Web Consortium (W3C – tổ chức thiết lập chuẩn môi trường Internet) - HTML dùng để mơ tả cấu trúc, thuộc tính liên quan đến cách hiển thị đoạn văn trình duyệt - Các phần tử HTML khối xây dựng nên trang web - Các phần tử HTML biểu diễn bằng thẻ - Trình duyệt không hiển thị thẻ HTML, sử dụng chúng để hiển thị nội dung trang 1.2.1 Cấu trúc chung trang HTML Hình 2: Cấu trúc chung HTML HTML bao gồm tập hợp thẻ dùng để: - Định nghĩa cấu trúc trang web - Định dạng nội dung trang web - Tạo siêu liên kết để liên kết đến trang web khác - Chèn âm thanh, hình ảnh, video, vào trang web 13 3.3.2 Mơ hình quan hệ 3.3.2.1 Áp dụng thuật tốn chuyển mơ hình quan hệ E-R thành quan hệ sau: Biểu diễn thực thể KHÁCH HÀNG  KHÁCH HÀNG: (makh, hoten_khachhang, diachi, nghenghiep, gioitinh, mucdenghivay,mucthunhap, tinhtrang, ngaynop, mucdich, macdcs,) CĐCS  CĐCS: (macdcs, ten_cdcs, diachi, email, sdt, macdct) CĐCT  CĐCT: (macdct, ten_cdct, diachi, email, sdt) NHÂN VIÊN  NHÂN VIÊN: (manv, hoten_nv, diachi, chucvu) Biểu diễn mối quan hệ DUYỆT VAY  DUYỆT VAY: (manv, makh, maduyetvay, mucvayduocduyet, thoigianvay, ngayvay) 47 3.3.2.2 Mơ hình quan hệ Hình 8: Mơ hình quan hệ 48 3.3.3 Các bảng liệu lý 3.3.3.1 Bảng KHACHHANG dùng để lưu trữ thông tin nhân viên, có cấu trúc sau: STT Tên trường Kiểu liệu Kích cỡ Ghi makh INT 255 Mã khách hàng hoten_khachhang VARCHAR 50 Họ tên khách hàng diachi VARCHAR 50 Địa nghenghiep VARCHAR 50 Nghề nghiệp gioitinh TINYINT Giới tính mucdenghivay BIGINT 20 Mức đề nghị vay mucthunhap BIGINT 20 Mức thu nhập mucdich VARCHAR 255 Mục đích macdcs INT 255 Mã cơng đồn sở 10 tinhtrang TINYINT Tình trạng 11 ngaynop DATE Ngày nộp 3.3.3.2 Bảng CDCS dùng để lưu trữ thông tin cơng đồn sở STT Tên trường Kiểu liệu Kích cỡ Ghi macdcs INT 255 Mã cơng đồn sở ten_cdcs VARCHAR 50 Tên cơng đồn sở diachi VARCHAR 50 Địa email VARCHAR 50 Địa email sdt VARCHAR 50 Số điện thoại macdct INT 255 Mã cơng đồn cấp 49 3.3.3.3 Bảng CDCT dùng để lưu trữ thông tin cơng đồn cấp STT Tên trường Kiểu liệu Kích cỡ Ghi macdct INT 255 Mã cơng đồn cấp ten_cdct VARCHAR 50 Tên cơng đoàn cấp diachi VARCHAR 50 Địa email VARCHAR 50 Địa email sdt VARCHAR 50 Số điện thoại 3.3.3.4 Bảng NHANVIEN dùng để lưu trữ thông tin nhân viên STT Tên trường Kiểu liệu Kích cỡ Ghi manv INT 11 Mã nhân viên hoten_nv VARCHAR 50 Họ tên nhân viên chucvu VARCHAR 50 Chức vụ diachi VARCHAR 50 Địa 3.3.3.5 Bảng DUYETVAY dùng để lưu trữ thông tin duyệt vay cho khách hàng STT Tên trường Kiểu liệu Kích cỡ Ghi maduyetvay INT 255 Mã duyệt vay mucvayduocduyet BIGINT 20 Mức vay duyệt thoigianvay INT 11 Thời gian vay ngayvay DATE manv INT 255 Mã nhân viên makh INT 255 Mã khách hàng 50 Ngày bắt đầu vay Chương Cài đặt chương trình Chương trình bày hệ thống chương trình, giao diện bảng liên quan 4.1 Giới thiệu hệ thống chương trình Chương trình quản lý khách hàng quỹ vay vốn Liên Đồn Lao Động Thành Phố Hải Phịng với mục tiêu dễ sử dụng, thuận tiện cho việc xử lý Chương trình viết tảng web để đáp ứng nhu cầu thời gian địa lý Bài toán đặt cho chương trình tốn thực cụ thể, chương trình cài đặt chạy thực tế với 1000 liệu thực tế miền:”vayvon.congngheso360.net” Do chương trình bàn giao cho bên Liên Đồn Lao Động lên khơng có quyền truy cập vào hệ thống Sau phần chi tiết chương trình: 4.1.1 Mơi trường cài đặt  Hệ điều hành Windows7,8,10  Hệ quản trị sở liệu MySQL  Ngơn ngữ lập trình: PHP, HTML, CSS, Javascript 4.1.2 Các hệ thống  Danh sách Cơng đồn cấp chức cập nhập  Danh sách Cơng đồn sở chức cập nhập  Danh sách hồ sơ chờ duyệt vay chức cập nhập  Chức duyệt hồ sơ vay  Danh sách khách hàng vay  Danh sách khách hàng nộp hồ sơ vào 4.1.3 Các chức hệ thống  Tiếp nhận duyệt hồ sơ Cập nhập hồ sơ vay vốn khách hàng sau duyệt vay cho khách hàng  Báo cáo Xuất file excel từng bảng tổng hợp 4.2 Giao diện website 4.2.1 Giao diện đăng nhập hệ thống Để đảm bảo việc an toàn bảo mật hệ thống, cần phải có tài khoản đăng nhập vào sử dụng hệ thống, tài khoản có quyền khác Tại người dùng điền đầy đủ thông tin tài khoản mật để đăng nhập vào hệ thống 51 Hình 1: Giao diện đăng nhập hệ thống Người quản lý chương trình đăng nhập vào phần mềm bằng tài khoản riêng có quyền xem, sửa, xóa thêm tất liệu trang quản lý Sau giao diện trang quản lý: Hình 2: Giao diện hệ thống 52 4.2.2 Các bảng tổng hợp Cơng đồn cấp  Bảng tổng hợp gốc danh sách Cơng đồn cấp Hình 3: Bảng tổng hợp CĐCT  Giao diện nhập sửa liệu CĐCT Hình 4: Giao diện cập nhập CĐCT 53 4.2.3 Các bảng tổng hợp Cơng đồn sở  Bảng tổng hợp gốc danh sách Cơng đồn sở Hình 5: Bảng tổng hợp CĐCS  Giao diện nhập sửa liệu CĐCS Hình 6: Giao diện cập nhập CĐCS 54 4.2.4 Các bảng tổng hợp danh sách nhân viên  Bảng tổng hợp nhân viên Hình 7: Bảng tổng hợp nhân viên  Giao diện cập nhập nhân viên Hình 8: Giao diện cập nhập nhân viên 55 4.2.5 Các bảng tổng hợp danh sách tên người vay  Bảng tổng hợp tên người vay chờ duyệt vay cơng đồn sở Hình 9: Bảng tổng hợp tên người vay chờ duyệt vay CĐCS  Giao diện nhập sửa liệu người vay chờ duyệt vay Hình 10: Giao diện cập nhập người vay chờ duyệt vay 56  Giao diện duyệt vay cho người vay Hình 11: Giao diện duyệt vay Sau nhấn vào nút duyệt vay giao diện duyệt vay ra, nhân viên nhập số tiền vay duyệt, số tháng vay, ngày bắt đầu vay người vay vốn cán bỗ lãnh đạo duyệt cho vay Sau ấn nút Duyệt, thông tin duyệt vay lưu trữ vào bảng danh sách người vay vay tiền liên đoàn lao động  Bảng danh sách người vay duyệt Hình 12: Bảng danh sách người vay duyệt 57 Nếu khách hàng không duyệt vay thơng tin khách hàng lưu trữ vào danh sách khách hàng không duyệt vay  Bảng danh sách người vay không duyệt Hình 13: Bảng danh sách người vay khơng duyệt  Bảng tổng hợp danh sách hồ sơ nộp vào Bảng tổng hợp danh sách hồ sơ nộp vào tổng hợp tất hồ sơ nộp vào trog hệ thống Hình 14: Bảng tổng hợp danh sách hồ sơ nộp vào 58  Bảng tổng hợp danh sách khách hàng vay Bảng tổng hợp danh sách khách hàng vay tổng hợp tất khách hàng duyệt vay vay hệ thống Hình 15: Bảng tổng hợp danh sách khách hàng vay 59 Kết luận Trong đồ án em vận dụng kiến thức học trường tìm hiểu thêm kiến thức bên Kết đạt bao gồm:  Lý thuyết: - Phát biểu mô tả nghiệp vụ tốn - Phân tích sở liệu theo sơ đồ tiến trình nghiệp vụ - Thiết kế giao diện  Chương trình: - Sử dụng hệ quản trị sở liệu MySQL - Sử dụng ngôn ngữ PHP, HTML, CSS, Javascript để xây dựng chương trinhg - Hệ thống cài đặt thử nghiệm với số sữ liệu chạy thông suốt cho kết quả, đáp ứng yêu cầu toán Trong thời gian nghiên cứu, xây dựng chương trình, em cố gắng làm với giúp đỡ tận tình thầy giáo hướng dẫn Chương trình đạt kết định Tuy nhiên thời gian ngắn, trình độ kinh nghiệm cịn hạn chế nên chương trình cịn nhiều thiếu sót Rất mong thầy giáo bạn giúp đỡ để chương trình ngày hoàn thiện 60 Tài liệu tham khảo https://kungfuphp.com https://vi.wikipedia.org/wiki http://congdoanhaiphong.vn/ https://www.w3schools.com/ https://www.freecodecamp.org/ Phạm Hữu Khang – Lập trình web bằng php 5.3 MySQL 5.1 – NXB Phương Đông Lê Văn Phùng (2011), Kỹ thật phân tích thiết kế hệ thống thông tin hướng cấu trúc, NXB Thông tin Truyền thơng Nguyễn Văn Vỵ (2002), Phân tích thiết kế hệ thống thông tin quản lý, NXB Thống kê Nguyễn Văn Vỵ, Giáo trình phân tích thiết kế hệ thống thông tin, NXB Giáo dục Việt Nam, 2010 10 Lê Văn Phùng (2010), CSDL quan hệ cơng nghệ phân tích – thiết kế, NXB Thơng tin Truyền thông 61 ... đề tài: ? ?Xây dựng quản lý khách hàng quỹ vay vốn liên đồn lao động thành phố? ?? với mục đích nghiên cứu tìm hiểu xây dựng quản lý cho vay vốn quỹ vay vốn liên đoàn lao động thành phố website Giúp... tục vay Hàng tháng xuất báo cáo thống kê số người vay nộp hồ sơ đến thống kê số người duyệt vay từng CĐCS Trong đồ án em trình bày ứng dụng quản lý khách hàng quỹ vay vốn liên đồn lao động thành. .. khách hàng quỹ vay vốn liên đồn lao động thành phố Hải Phịng Khách hàng phải công nhân viên chức, người lao động nghèo có thu nhập triệu đồng/tháng, người vay vốn phải làm đơn xin vay vốn gửi