Báo cáo Đồ án 2 chuyên ngành hệ thống thông tin Đề tài xây dựng website quản lý thành viên Đảng

GIỚI THIỆU VỀ WEBSITE QUẢN LÝ ĐẢNG VIÊN 1.1.1 lý do chọn đề tài: Thực hiện theo nghị quyết trung ương 4 – khóa XI về công tác xây dựng đảng, chi bộ trường đại học công nghệ kỹ thuật cần

TRƯỜNG ĐẠI HỌC KỸ THUẬT – CÔNG

NGHỆ CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO ĐỒ ÁN 2 Chuyên ngành :Hệ thống thông tin

Đề tài: xây dựng website quản lý thành viên

đảng

GVHD: NGUYỄN THỊ HỒNG HẠNH SVTH: NGUYỄN THÀNH TRUNG 1900562

Cần thơ, năm học 2022 -2023

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Cần Thơ, ngày …tháng …năm 2020 Chữ kí giảng viên hướng dẫn NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN ………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

……… ……

Cần Thơ, ngày …tháng …năm 2020 Chữ kí giảng viên phản biện

LỜI CAM ĐOAN

Em xin cam đoan mọi kết quả của đồ án đề tài “

” là công trình nghiên cứu của cá nhân em với sự hướng dẫn của côNguyễn Thị Hồng Hạnh và chưa từng được công bố trong bất cứ công trìnhkhoa học nào khác cho đến thời điểm này Kết quả trình bày trong đồ án làhoàn toàn trung thực, nếu sai em xin chịu hoàn toàn trách nhiệm và chịu mọi

kỉ luật của bộ môn và nhà trường đề ra

Cần Thơ, ngày…tháng…năm 2020

Sinh viên thực hiện

Nguyễn Thành trung

LỜI MỞ ĐẦU

Trong suốt thời gian học tập và rèn luyện dưới mái Trường Đại học công nghệ kỹ thuât cần thơ, đề tài đồ án này là một dấu ấn quan trọng đánh dấu việc một sinh viên đã áp dụng kiến thức của mình trên ghế giảng đường Đại học Trong phạm vi đề tài đồ án của mình, em đã cố gắng trình bày toàn bộ các phần việc viết và lập thuyết minh chương trình “Xây đựng website quản

lý đảng”

Thông qua đồ án lần này em mong muốn có thể hệ thống hóa lại toàn bộ kiếnthức đã học cũng như học hỏi thêm các lý thuyết viết phần mềm đang đượcứng dụng rộng rãi và phổ biến hiện nay Do khả năng và thời gian hạn chế, đềtài đồ án này không tránh khỏi những sai sót Em rất mong nhận được sự chỉdạy và góp ý của các thầy cô cũng như của các bạn sinh viên khác để có thểviết wedsite này cũng như các wedsite trong cuộc sống về sau hoàn thiện hơn

Em xin chân thành cảm ơn các thầy, cô trường Đại học công nghệ kỹ thuậtcần thơ đã tận tình giảng dạy, truyền đạt những kiến thức quý giá của mìnhcho em cũng như các bạn sinh viên khác trong suốt thời gian học qua Đặcbiệt, thông qua đây em xin được gửi lời cảm ơn chân thành tới cô Nguyễn ThịHồng Hạnh - giảng viên khoa Công nghệ thông tin, đã tận tình hướng dẫn emthực hiện thành công đồ án này Em xin chân thành cảm ơn!

Cần Thơ, ngày1 tháng 9 năm2023

Sinh viên

Nguyễn Thành Trung

MỤC LỤC

LỜI CAM ĐOAN……… 4

LỜI MỞ ĐẦU……… VII CHƯƠNG 1: NGHIÊN CỨU TỔNG QUAN………1

1.1 Các phương pháp ……… 1

1.1.1 lý do chọn đề tài……… 1

1.1.2 tính cấp thiết của đề tài……… 1

1.1.3 phạm vi ứng dụng……… 1

1.1.4 các chức năng chính……… 1

1.1.5 Ưu điểm……… 1

1.1.6 Nhược điểm……… 1

1.2 Các ngôn ngữ đã sử dụng……… 1

1.2.1 HTML……… 1

1.2.2 Cascading Style Sheet(CSS)……… 2

1.2.3 JavaScript……… 2

1.2.4 Bootstrap……… 3

1.2.5 Jquery……… 3

1.2.6 PHP……… 4

1.2.7 MySQL……… 5

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG……… 5

2.1 Mô tả hệ thống……… 5

2.2 Sơ đồ Ca sử dụng……… 5

2.3 Sơ đồ lớp……… 8

2.4 Sơ đồ trình tự……… 9

2.5 Đặc tả ca sử dụng……… 11

2.6 Sơ đồ ERD……… 13

CHƯƠNG 3: TRIỂN KHAI XÂY DỰNG CHƯƠNG TRÌNH 14

3.1 Sơ lược về website:……… 14

3.2 Xây dựng website:……… 14

KẾT LUẬN……… 30

1 Kết quả đạt được……… 30

2 Hướng nghiên cứu……… 30

TÀI LIỆU THAM KHẢO……… 31

PHỤ LỤC ……… 32

CHƯƠNG 1: NGHIÊN CỨU TỔNG QUAN

1.1 GIỚI THIỆU VỀ WEBSITE QUẢN LÝ ĐẢNG VIÊN

1.1.1 lý do chọn đề tài:

Thực hiện theo nghị quyết trung ương 4 – khóa XI về công tác xây dựng đảng, chi bộ trường đại học công nghệ kỹ thuật cần thơ đặc biệt quan tâm dến công tác chính trị tư tưởng và tổ chức Thực hiện theo nghị quyết Trung ương

4 –Khóa XI về tang cường công tác xây dựng Đảng, Chi bộ Trường trường đại học công nghệ kỹ thuật cần thơ đặc biệt quan tâm đến công tác chính trị,

tư tưởng và tổ chức; coi đây là nhệm vụ trọng tâm trong giai đoạn hiện nay

Để đáp ứng yêu cầu công tác Đảng vụ trong tình hình mới, Chi bộ trường thường xuyên cập nhật các số liệu về tình hình Đảng viên, thực hiện chế độ báo cáo định kỳ và đột xuất các hoạt động của Chi bộ về lãnh đạo nhiệm vụ chính trị kịp thời Bên cạnh đó, một nhiệm vụ quan trọng khác là công tác quản lý nhân sự Đảng viên phục vụ việc báo cáo Đảng viên phục vụ cho báo cáo Đảng ủy cấp trên cần phải đổi mới để kịp thời năm bắt các thông tin khi

số lượng Đảng viên ngày càng tăng Với tình hình trên cùng với việc thực hiện chỉ thị số58-CT/TW của Bộ chính trị về“Đẩy mạnh ứng dụng và phát triển công nghệ thông tin trong phục vụ sự nghiệp công nghiệp hóa, hiện đại hóa” việc xây dựng phần mềm để quản lý Đảng viên là hết sức phù hợp với tình hình thực tế, do hiện tại trường đại học công nghệ kỹ thuật cần thơ chưa

có website chuyên dụng để phục vụ công tác quản lý hồ sơ Đảng viên, vì vậy khi website này ra đời sẽ giúp cho việc quản lý, cập nhật hồ sơ lý lịch, nhữngthay đổi trong quá trình công tác của Đảng viên được thuận lợi và nhanh chóng hơn giúp công tác quản lý nhân sự Đảng viên và việc hực hiện các chế độ báo cáo của Chi bộ với Đảng bộ cấp trên kịp thời hơn, đảm bào số liệuchính xác đáp ứng được yêu cầu tin học hóa trong công tác quản lý hồ sơ Đảng viên

1.1.2 TÍNH CẦP THIẾT CỦA ĐỀ TÀI:

Hiện nay Chi bộ đảng trường đại học công nghệ cần thơ vẫn còn lưu trữ và quản lý thông tin Đảng viên bằng phần mềm Microsoft Excel, đây là công cụ khá tốt và dễ sử dụng Tuy nhiên hiện nay số lượng Đảng viên cũng khá nhiều

và số lượng Đảng viên sẽ còn tăng dần theo thời gian vì vậy việc sử dụng

công cụ Excel đã phát sinh nhiều hạn chế như truy xuất thông tin khó khắn vàtốn nhiều thời gian, độ an toàn dữ liệu không cao…

Vì vậy việc xây dựng phần mềm qun lý hồ sơ Đảng viên của Chi bộ là hết sứccần thiết, phần mềm sẽ giúp cho việc quản lý, cập nhật các thông tin của Đảng viên, những thay đổi trong quá trình công tác của Đảng viên được nhanh chóng và hiệu quả góp phần nâng cao chất lượng Chi bộ cơ sở

1.1.3 Phạm vi ứng dụng:

Website quản lý thành viên đảng của em giúp cho Chi bộ của trường, phục vụ tốt hơn công tác quản lý thông tin Đảng viên của Chi bộ, giúp dễ dàng tra cứu, cập nhật thông tin Đảng viên trong quá trình công tác thêm vào đó phần mềm sẽ giúp công tác thống kê báo cáo tình hình Đảng viên của Chi bộ được nhanh chóng, kịp thời và chính xác

1.1.4 Các chức năng chính:

- Quản lý thông tin cá nhân các Đảng viên

- Quản lý tài liệu liên quan đến Đảng viên bao gồm: Hồ sơĐảng viên, kết nạp đảng viên

 Giao diện website hội tụ đủ 3 yếu tố độc đáo, tinh tế và hiện đại

 Hình ảnh sống động và sắc nét

 Website tương thích mọi thiết bị di động phổ biến trên thị trường

 Website được thiết kế dễ sử dụng, tiện nâng cấp trong tương lai

 Có hệ thống cơ sở dữ liệu

2 Nhược điểm

 Chưa hoàn toàn đầy đủ mọi chức năng như website lớn

 Một số chức năng chưa được thực hiện

1.2 Các ngôn ngữ đã sử dụng

1.2.1 HTML

Phần mở rộng của tập tin HTML thường là html hoặc htm Các trình duyệt

sẽ đọc tập tin HTML và hiển thị chúng dưới dạng trang web Các thẻ HTML sẽđược ẩn đi, chỉ hiển thị nội dung văn bản và các đối tượng khác như hình ảnh,media… Với các trình duyệt khác nhau đều hiển thị một tập tin HTML với một kếtquả nhất định Các trang HTML được gửi đi qua mạng internet theo giao thứcHTTP

HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âmthanh, mà còn cho phép nhúng các kịch bản vào trong đó (ví dụ các ngôn ngữ kịchbản như JavaScript) để tạo hiệu ứng động cho trang web Để trình bày trang webhiệu quả hơn thì HTML cho phép sử dụng kết hợp với CSS HTML chính thức làchuẩn của W3C từ tháng 1 năm 1997 với phiên bản HTML 3.2 Trước đó thì HTMLxuất bản theo tiêu chuẩn của RFC.

HTML được tương thích với mọi hệ điều hành cùng các trình duyệt của nó.Khả năng dễ học, dễ viết là một ưu điểm của HTML Không những vậy, việc soạnthảo HTLM không có yêu cầu quá phức tạp, thông thường chỉ cần sử dụng Notepad

là đã đủ HTML vẫn tiếp tục được phát triển Phiên bản hiện tại của HTML làHTML5 – một phiên bản nâng cấp của XHTML HTML5 cải tiến khá nhiều, đặcbiệt hỗ trợ mạnh mẽ các phần tử multimedia mà không cần các plugin HTML5 nóichung mạnh mẽ hơn nhiều không chỉ về tốc độ và độ thích ứng cao mà chính là khảnăng hỗ trợ API (Application Programming Interface – giao diện lập trình ứngdụng) và DOM (Document Object Model – mô hình đối tượng tài liệu hay cây cấutrúc dữ liệu)

HTML (Hyper Text Markup Languages) hay còn gọi là “Ngôn ngữ đánh dấusiêu văn bản” Nó được sử dụng để tạo nên các trang web thông qua các thẻ đánhdấu Do vậy HTML không phải là một ngôn ngữ lập trình mà nó chỉ là ngôn ngữđánh dấu

1.2.2 Cascading Style Sheet(CSS)

CSS – Cascading Style Sheet dùng để trình bày các tài liệu viết bằng HTMLhoặc XHTML Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML,SVG, XUL… Các đặc điểm kĩ thuật của CSS được duy trì bởi tổ chức W3C.CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh để đặt tên cho các thuộctính CSS khi sử dụng có thể viết trực tiếp xen lẫn vào mã HTML hoặc tham chiếu

từ một file css riêng biệt Hiện nay CSS thường được viết riêng thành một tập tinvới mở rộng là *.css Chúng ta có thể sử dụng 1 tập tin CSS đó cho nhiều website,giúp tiết kiệm rất nhiều thời gian và công sức Một đặc điểm quan trọng là tính kếthừa của CSS, làm giảm được số lượng dòng code mà vẫn đạt được yêu cầu.Tuy nhiên đối với CSS thì các trình duyệt hiểu theo kiểu riêng của nó Do vậyviệc trình bày 1 nội dung trên các trình duyệt khác nhau là không thống nhất

đầy đủ cho E4X – phần mở rộng cho JavaScript làm việc với XML, được chuẩn hóatrong ECMA – 357

1.2.4 Bootstrap

Bootstrap là một Framework có chứa HTML, CSS, JavaScript Frameworktrong tiếng việt có nghĩa là “khuôn khổ” giúp tiết kiệm được thời gian, công sứchơn nữa việc xây dựng hai teamplate cho giao diện Desktop và Mobile đã lỗi thờithay vào đó là Responsive Responsive sẽ giúp website của bạn hiển thị tương thíchvới mọi kích thước màn hình nhờ đó bạn sẽ tùy chỉnh hiện thị được nhiều hơn trêncác loại màn hình khác nhau

Ưu điểm của Bootstrap:

 Tiết kiệm thời gian: Boostrap giúp người thiết kế giao diện websitetiết kiệm rất nhiều thời gian Các thư viện Bootstrap có những đoạn

mã sẵn sàng cho bạn áp dùng vào website của mình Bạn không phảitốn quá nhiều thời gian để tự viết code cho giao diện của mình

 Tùy biến cao: Bạn hoàn toàn có thể dựa vào Bootstrap và phát triểnnền tảng giao diện của chính mình Bootstrap cung cấp cho bạn hệthống Grid System mặc định bao gồm 12 bột và độ rộng 940px Bạn

có thể thay đổi, nâng cấp và phát triển dựa trên nền tảng này

 Responsive Web Design: Với Bootstrap, việc phát triển giao diệnwebsite để phù hợp với đa thiết bị trở nên dễ dàng hơn bao giờ hết.Đây là xu hướng phát triển giao diện website đang rất được ưuchuộng trên thế giới

1.2.5 Jquery

JQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig vàonăm 2006 với một phương châm tuyệt vời: Write less, do more - Viết ít hơn, làmnhiều hơn

JQuery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạo hiệu ứngđộng và tương tác Ajax Với jQuery, khái niệm Rapid Web Development đã khôngcòn quá xa lạ

JQuery là một bộ công cụ tiện ích JavaScript làm đơn giản hóa các tác vụ đadạng với việc viết ít code hơn Dưới đây liệt kê một số tính năng tối quan trọngđược hỗ trợ bởi jQuery:

 Thao tác DOM − jQuery giúp dễ dàng lựa chọn các phần tử DOM

để traverse (duyệt) một cách dễ dàng như sử dụng CSS, và chỉnh sửanội dung của chúng bởi sử dụng phương tiện Selector mã nguồn mở,

mà được gọi là Sizzle

 Xử lý sự kiện − jQuery giúp tương tác với người dùng tốt hơn bằngviệc xử lý các sự kiện đa dạng mà không làm cho HTML code rốitung lên với các Event Handler

 Hỗ trợ AJAX − jQuery giúp bạn rất nhiều để phát triển một site giàutính năng và phản hồi tốt bởi sử dụng công nghệ AJAX.

 Hiệu ứng − jQuery đi kèm với rất nhiều các hiệu ứng đa dạng và đẹpmắt mà bạn có thể sử dụng trong các Website của mình

 Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗtrợ hầu hết bởi các trình duyệt hiện đại, và làm việc tốt trên IE 6.0+,

FF 2.0+, Safari 3.0+, Chrome và Opera 9.0+

 Xử lý sự kiện − jQuery giúp tương tác với người dùng tốt hơn bằngviệc xử lý các sự kiện đa dạng mà không làm cho HTML code rốitung lên với các Event Handler

 Hỗ trợ AJAX − jQuery giúp bạn rất nhiều để phát triển một site giàutính năng và phản hồi tốt bởi sử dụng công nghệ AJAX

 Hiệu ứng − jQuery đi kèm với rất nhiều các hiệu ứng đa dạng và đẹpmắt mà bạn có thể sử dụng trong các Website của mình

 Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗtrợ hầu hết bởi các trình duyệt hiện đại, và làm việc tốt trên IE 6.0+,

FF 2.0+, Safari 3.0+, Chrome và Opera 9.0+

1.2.6 PHP

PHP là cụm từ viết tắt của PHP: HyperText Preprocessor, có nghĩa là bộ tiền

xử lý siêu văn bản PHP

PHP là một ngôn ngữ lập trình được tạo ra bởi Rasmus Lerdorf vào năm

1994, chủ yếu được dùng để phát triển các ứng dụng web chạy trên máy chủ Tên

"cúng cơm" của PHP là "Personal Home Page" Cùng với sự hậu thuẫn của thế giới

mã nguồn mở, liên minh LAMP (Linux, Apache, MySQL và PHP) đã nhanh chóngđánh bại nền tảng công nghệ web "thời thượng" hồi đó của Microsoft, trở thành mộtnền tảng hàng đầu trong phát triển các ứng dụng web Những website thuộc dạngtop trên thế giới như Google, Facebook, Yahoo, YouTube, Wikipedia, Flickr, đềuđược viết bằng PHP hoặc sử dụng PHP để phát triển các module bên trong chúng PHP trở thành một trong những ngôn ngữ lập trình phổ biến nhất trên thế giới

 Có cộng đồng sử dụng rộng lớn Việc này sẽ giúp người học dễ dàng nhậnđược sự hỗ trợ từ cộng đồng các lập trình viên khác trên thế giới.

 Có thể chạy được trên nhiều hệ điều hành khác nhau như Linux, Windows

 Nhiều cơ hội việc làm

 Miễn phí hoàn toàn

1.2.7 MySQL

MySQL được biết đến như một loại hệ thống quản trị CSDL mã nguồn mở (còn được gọi là phần mềm RDBMS) tốc độ cao, được vận hành theo mô hình máy khách – máy chủ (client-server) Phần mềm này được sử dụng trong tạo lập, quản lýcác database dựa trên việc quản lý tất cả các liên hệ giữa chúng

Hệ thống quản trị này được tích hợp với apache và PHP, tương thích với rất nhiều trình duyệt, hệ điều hành như Ubuntu, Linux, macOS, Microsoft Windows,… Hiện phần mềm này được dùng trong các trang web lớn như Google, Facebook, Twitter, Yahoo và YouTube

Đa tính năng: MySQL hỗ trợ rất nhiều chức năng cần thiết của một hệ quản trị cơ sở

dữ liệu quan hệ cả gián tiếp lẫn trực tiếp

Độ an toàn cao: sở hữu nhiều tính năng bảo mật ở cấp cao MySQL đặt tiêu chuẩn bảo mật cao, mã hoá thông tin đăng nhập và chứng thực từ host đều khả dụng.Linh hoạt và sử dụng dễ dàng: một hệ thống lớn các hàm tiện ích mạnh mẽ, MySQL

là cơ sở dữ liệu dễ sử dụng, tốc độ cao, ổn định và hoạt động trên nhiều hệ thống điều hành Bạn cũng có thể sửa source code mà không cần phải thanh toán thêm chi phí, quá trình cài đặt cũng đơn giản tiết kiệm thời gian

Hiệu năng cao: MySQL cho phép người dùng lưu trữ dữ liệu lớn của những hoạt động kinh doanh hoặc thương mại điện tử MySQL có thể đáp ứng được với tốc độ cao và mượt mà

Tiện ích MySQL cực kì phù hợp cho các ứng dụng có truy cập cơ sở dữ liệu trên :

Internet MySQL hiện nay cho ra nhiều phiên bản cho các hệ điều hành đa dạng

Sử dụng miễn phí Là một mã nguồn mở, GNU General Public License được :

MySQL dùng nên hoàn toàn miễn phí Tuy nhiên, bạn vẫn phải trả phí trong trường hợp bạn cần được MySQL hỗ trợ

Nhược điểm:

Dung lượng hạn chế: Việc truy xuất dữ liệu sẽ gặp khó khăn khi số lượng bản ghi lớn dần lên Những hệ thống lớn cần quản lý lượng dữ liệu khổng lồ gặp khó khăn

vì MySQL không được tích hợp

Độ tin cậy Các chức năng cụ thể được xử lý như kiểm toán, các giao dịch, tài liệu :

tham khảo gây ra việc kém tin cậy hơn những hệ quản trị khác

Giới hạn: hạn chế các chức năng mà một ứng dụng có thể cần Ngoài ra, MySQL bị khai thác để chiếm quyền điều khiển

Tại sao nên dùng MySQL?

– Bổ trợ cho ngôn ngữ Perl, PHP và nhiều ngôn ngữ khác MySQL là nơi lưu trữ các thông tin trên website có ngôn ngữ PHP và Perl

– Được sử dụng miễn phí.Sử dụng được trên nhiều ứng dụng và an toàn mạnh.– Là cơ sở dữ liệu có tốc độ khá cao, dễ sử dụng và ổn định có thể sử dụng linh hoạttrên nhiều hệ điều hành

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

1.3 Mô tả hệ thống

Thiết kế và xây dựng hệ thống website cung cấp thông tin về đảng viên, là một

hệ thống website quản lý trực tuyến Hệ thống đáp ứng tốt việc quản trị và cập nhậtnội dung Hệ thống hoạt động ổn định, giao diện và hình ảnh được xây dựng thânthiện, đẹp mắt Thông tin về website như sau:

 Khách truy cập vào website có thể xem trang chủ, đăng ký

 Để xem được thông tin đảng viên khách tài khoản trên hệ thống bằngcách đăng ký tài khoản và đăng nhập

 Sau khi đăng nhâp thành công có thể xem thông tin đảng viên

 Người quản trị hệ thống đăng nhập vào trang admin để quản lý hệthống website

 Người quản trị có thể quản lý các mục trên website (thêm, sửa, xóa,)

 Người quản trị quản lý thông tin các đảng viên (thêm, sửa, xóa đảngviên)

 Người quản trị có thể quản lý thông tin người dùng sau khi người dùng

đã có tài khoản

c Sơ đồ ca sử dụng phân rã chức năng

Hình 2.2.2 Sơ đồ ca sử dụng user

Hình 2.2.3 Sơ đồ ca sử dụng admin