xây dựng website quản lý đảng viên khoa công nghệ

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC

NGÀNH KỸ THUẬT PHẦN MỀM

Đề tài

XÂY DỰNG WEBSITE
QUẢN LÝ ĐẢNG VIÊN KHOA CÔNG NGHỆ

Sinh viên: Nguyễn Chí Toàn
Mã số: 1101585
Khóa: K36

Cần Thơ, 5/2015


BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƢỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG
BỘ MÔN CÔNG NGHỆ PHẦN MỀM

LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC

NGÀNH KỸ THUẬT PHẦN MỀM

Đề tài

XÂY DỰNG WEBSITE
QUẢN LÝ ĐẢNG VIÊN KHOA CÔNG NGHỆ

Ngƣời hƣớng dẫn

Sinh viên thực hiện

ThS. Trƣơng Thị Thanh Tuyền

Nguyễn Chí Toàn
Mã số: 1101585
Khóa: K36

Cần Thơ, 5/2015


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

LỜI CẢM ƠN
Trong quá trình thực hiện luận văn này, em đã nhận đƣợc sự giúp đỡ rất nhiệt
tình từ phía thầy cô, gia đình và bạn bè.
Trƣớc tiên, em xin gửi lời cảm ơn chân thành đến quý thầy cô Bộ môn Công
Nghệ Phần Mềm, Khoa Công Nghệ Thông Tin & Truyền Thông, trƣờng Đại học
Cần Thơ đã tận tình giảng dạy, truyền đạt những kiến thức và kinh nghiệm quý báu
cho em trong suốt thời gian học tập tại Khoa.
Đặc biệt, em xin gửi lời cảm ơn sâu sắc đến cô Trƣơng Thị Thanh Tuyền –
cố vấn học tập, cũng là giáo viên hƣớng dẫn đề tài luận văn này. Trong suốt 4 năm
học đại học, em cũng nhƣ các bạn chung lớp đã đƣợc cô quan tâm, giúp đỡ rất nhiều
trong quá trình học tập, rèn luyện, cũng nhƣ định hƣớng sự nghiệp tƣơng lai. Cô đã
tận tình giúp đỡ và hƣớng dẫn trong suốt quá trình làm luận văn, ủng hộ và động

viên tinh thần những lúc em gặp khó khăn khi thực hiện đề tài.
Tôi cũng xin cám ơn đến những ngƣời bạn, những đồng nghiệp của mình,
những ngƣời đã luôn bên cạnh, giúp đỡ và chia sẻ những kiến thức, kinh nghiệm
quý báu trong học tập cũng nhƣ trong cuộc sống.
Cuối cùng, con xin cảm ơn cha mẹ, những ngƣời thân luôn là là chỗ dựa tinh
thần vững chắc, đã quan tâm và tạo điều kiện đầy đủ cho con đƣợc học tập tại
trƣờng Đại học Cần Thơ trong suốt 4 năm qua.
Mặc dù đã cố gắng và nổ lực hết mình nhƣng không thể tránh khỏi sai sót
trong quá trình thực hiện, do kiến thức còn hạn hẹp và khả năng nghiên cứu còn hạn
chế. Rất mong nhận đƣợc những ý kiến đóng góp quý báu của quý thầy cô, các anh
chị và các bạn để luận văn này ngày một hoàn thiện hơn.
Một lần nữa xin cảm ơn tất cả. Chúc quý thầy cô luôn dồi dào sức khỏe, chúc
các bạn luôn đạt thành tích tốt trong học tập và công việc.

Cần Thơ, ngày 15 tháng 5 năm 2015
Sinh viên thực hiện

Nguyễn Chí Toàn
GVHD: ThS. Trương Thị Thanh Tuyền

Trang ii


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

MỤC LỤC
LỜI CẢM ƠN ............................................................................................................ ii
MỤC LỤC ...................................................................................................................1
DANH MỤC HÌNH ẢNH ..........................................................................................3
DANH MỤC BIỂU BẢNG ........................................................................................5

TÓM TẮT ...................................................................................................................7
ABSTRACT ................................................................................................................8
PHẦN GIỚI THIỆU .................................................................................................9
1. Đặt vấn đề ...........................................................................................................9
2. Lịch sử giải quyết vấn đề ....................................................................................9
3. Mục tiêu đề tài ...................................................................................................10
4. Đối tƣợng và phạm vi nghiên cứu .....................................................................10
5. Nội dung nghiên cứu .........................................................................................11
6. Những kết quả chính đạt đƣợc ..........................................................................12
7. Bố cục quyển luận văn ......................................................................................12
PHẦN NỘI DUNG ..................................................................................................13
CHƢƠNG 1 – CƠ SỞ LÝ THUYẾT ...................................................................13
1. Tổng quan về Laravel Framework ................................................................13
2. Ngôn ngữ HTML, JavaScript, AJAX, Bootstrap 3 .......................................20
3. Hệ quản trị CSDL MySQL 5.0 .....................................................................24
CHƢƠNG 2 – MÔ TẢ TỔNG QUAN .................................................................25
1. Mô tả tổng quan ............................................................................................25
2. Các yêu cầu giao tiếp ....................................................................................27
3. Các tính năng của hệ thống ...........................................................................29
4. Các yêu cầu phi chức năng............................................................................43
CHƢƠNG 3 – THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP ........................................45
1. Kiến trúc hệ thống .........................................................................................45
2. Thiết kế dữ liệu .............................................................................................47
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 1


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

3. Thiết kế giao diện theo chức năng ................................................................58
4. Bảng tham khảo tới các yêu cầu ...................................................................73
CHƢƠNG 4 – KIỂM THỬ VÀ ĐÁNH GIÁ .......................................................74
1. Mục tiêu ........................................................................................................74
2. Phạm vi..........................................................................................................74
3. Một số trƣờng hợp kiểm thử .........................................................................75
PHẦN KẾT LUẬN ..................................................................................................78
1. Kết quả đạt đƣợc ...............................................................................................78
2. Hạn chế và khó khăn .........................................................................................78
3. Hƣớng phát triển ...............................................................................................79
TÀI LIỆU THAM KHẢO ......................................................................................80
Phụ lục 1 - Hƣớng dẫn cài đặt Xampp ......................................................................81
Phụ lục 2 - Hƣớng dẫn cài đăt hệ thống ....................................................................84
Phục lục 3 - Mẫu Lý lịch của ngƣời xin vào Đảng ...................................................85

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 2


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

DANH MỤC HÌNH ẢNH
Hình 1 - Mức độ phổ biến của các PHP Framework ...............................................14
Hình 2 - Cấu trúc thư mục Laravel 5 ........................................................................15
Hình 3 - Welcome Laravel 5 .....................................................................................15
Hình 4 - Cấu trúc thư mục Bootstrap 3.....................................................................23
Hình 5 - Cấu trúc file HTML sử dụng thư viện Bootstrap ........................................23
Hình 6 – Mô hình tổng quan hệ thống ......................................................................25
Hình 7 - Thiết kế kiến trúc hệ thống..........................................................................45

Hình 8 - Mô tả sự phân rã các chức năng hệ thống .................................................46
Hình 9 - Mô hình CDM .............................................................................................47
Hình 10 - Giao diện thông tin tổ chức đảng .............................................................58
Hình 11 - Giao diện cập nhật thông tin tổ chức đảng ..............................................58
Hình 12 – Sơ đồ xử lý cập nhật thông tin đảng bộ ...................................................59
Hình 13- Giao diện danh sách chi bộ trực thuộc ......................................................59
Hình 14 - Giao diện cập nhật chi bộ .........................................................................60
Hình 15 – Sơ đồ xử lý Cập nhật chi bộ .....................................................................60
Hình 16 - Giao diện thêm mới hồ sơ lý lịch đảng viên ............................................61
Hình 17 – Sơ đồ xử lý cập nhật hồ sở lý lịch ............................................................61
Hình 18 - Giao diện danh sách dân tộc ....................................................................62
Hình 19 - Giao diện thêm mới dân tộc ......................................................................62
Hình 20 – Sơ đồ xử lý cập nhật dân tộc ....................................................................63
Hình 21 - Giao diện tư liệu – văn bản ......................................................................64
Hình 22 – Sơ đồ xử lý cập nhật tư liệu......................................................................64
Hình 23 - Giao diện thêm đảng viên dự bị ................................................................65
Hình 24 – Sơ đồ xử lý cập nhật đảng viên dự bị .......................................................65
Hình 25 - Giao diện chuyển đảng chính thức ...........................................................66
Hình 26 – Sơ đồ xử lý cập nhật đảng viên chính thức ..............................................66
Hình 27 - Giao diện đảng viên chuyển đến ...............................................................67
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 3


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

Hình 28 – Sơ đồ xử lý chuyển sinh hoạt đảng...........................................................67
Hình 29 - Giao diện Đánh giá, xếp loại đảng viên ..................................................68
Hình 30 – Sơ đồ xử lý đánh giá, xếp loại ..................................................................68

Hình 31 - Giao diện thống kê theo dạng biểu đồ ......................................................69
Hình 32 – Sơ đồ xử lý thống kê .................................................................................69
Hình 33 - Giao diện Quản lý người dùng .................................................................70
Hình 34 – Sơ đồ xử lý quản lý người dùng ...............................................................70
Hình 35 - Giao diện đăng nhập.................................................................................71
Hình 36 - Sơ đồ xử lý lý đăng nhập ..........................................................................71
Hình 37 - Giao diện Đăng xuất .................................................................................72
Hình 38 – Sơ đồ xử lý đăng xuất ...............................................................................72

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 4


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

DANH MỤC BIỂU BẢNG
Bảng 1 - Kế hoạch thực hiện .....................................................................................12
Bảng 2 – Các chức năng của hệ thống .....................................................................26
Bảng 3 – Cấu hình phần cứng server........................................................................26
Bảng 4 – Cấu hình phần cứng client .........................................................................27
Bảng 5 - RQ001 - Cập nhật Thông tin Đảng bộ .......................................................29
Bảng 6 - RQ002 - Cập nhật Chi bộ ...........................................................................30
Bảng 7 - RQ003 - Cập nhật Hồ sơ lý lịch .................................................................31
Bảng 8 - RQ004 - Cập nhật Dân tộc .........................................................................31
Bảng 9 - RQ005 - Cập nhật Tôn giáo .......................................................................32
Bảng 10 - RQ005 - Cập nhật Tôn giáo .....................................................................33
Bảng 11 - RQ007 - Cập nhật Lý luận chính trị .........................................................34
Bảng 12 - RQ008 - Cập nhật Chức vụ đảng .............................................................34
Bảng 13 - RQ009 - Cập nhật Huy hiệu đảng ............................................................35

Bảng 14 - RQ010 - Cập nhật Tư liệu ........................................................................36
Bảng 15 - RQ011 - Cập nhật Đảng viên dự bị..........................................................36
Bảng 16 - RQ012 - Chuyển đảng viên chính thức ....................................................37
Bảng 17 - RQ013 - Chuyển sinh hoạt đảng ..............................................................38
Bảng 18 - RQ014 - Đánh giá, xếp loại .....................................................................40
Bảng 19 - RQ015 - Thống kê.....................................................................................40
Bảng 20 - RQ016 - Quản lý người dùng ...................................................................41
Bảng 21 - RQ017 - Đăng nhập .................................................................................42
Bảng 22 - RQ018 - Đăng xuất...................................................................................42
Bảng 23 - Bảng dữ liệu 1 . DAN_TOC......................................................................48
Bảng 24 - Bảng dữ liệu TON_GIAO .........................................................................48
Bảng 25 - Bảng dữ liệu HOC_HAM .........................................................................49
Bảng 26 - Bảng dữ liệu LY_LUAN_CHINH_TRI .....................................................49
Bảng 27 - Bảng dữ liệu HUY_HIEU_DANG ............................................................49
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 5


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

Bảng 28 - Bảng dữ liệu CHUC_VU_DANG .............................................................50
Bảng 29 - Bảng dữ liệu XA_PHUONG .....................................................................50
Bảng 30 - Bảng dữ liệu QUAN_HUYEN ..................................................................50
Bảng 31 - Bảng dữ liệu TINH_THANH ....................................................................51
Bảng 32 - Bảng dữ liệu CHI_BO ..............................................................................51
Bảng 33 - Bảng dữ liệu DANG_VIEN.......................................................................53
Bảng 34 - Bảng dữ liệu NGAY ..................................................................................54
Bảng 35 - Bảng dữ liệu CHINH_THUC ...................................................................54
Bảng 36 - Bảng dữ liệu DU_BI .................................................................................54

Bảng 37 - Bảng dữ liệu TRANG_THAI .....................................................................55
Bảng 38 - Bảng dữ liệu DANH_GIA .........................................................................55
Bảng 39 - Bảng dữ liệu PHAN_LOAI .......................................................................56
Bảng 40 - Bảng dữ liệu HINH_THUC ......................................................................56
Bảng 41 - Bảng dữ liệu NAM ....................................................................................56
Bảng 42 - Bảng dữ liệu CHUYEN_DEN...................................................................57
Bảng 43 - Bảng dữ liệu CHUYEN_DI ......................................................................57
Bảng 44 – Tham khảo tới các yêu cầu ......................................................................73
Bảng 45 – Môi trường kiểm thử ................................................................................74
Bảng 46 – Một số trường hợp kiểm thử ....................................................................77

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 6


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

TÓM TẮT
Ngày nay, công nghệ thông tin (CNTT) đã có mặt ở tất cả mọi mặt của đời
sống, kinh tế và xã hội. Điều đó cho thấy chúng đã và đang phát triển một cách
mạnh mẽ và nhanh chóng, đặc biệt là trong thời gian gần đây. Trong các công tác
quản lý của các cơ quan nhà nƣớc, thì công tác quản lý đảng viên đóng vai trò hết
sức quan trọng ở tất cả các cấp. Hệ thống quản lý đảng viên đƣợc xây dựng nhằm
tin học hóa công tác quản lý trong các tổ chức đảng.
Mục đích của luận văn “Xây dựng website quản lý đảng viên khoa Công
Nghệ” để thiết kế và cài đặt một hệ thống thông tin sử dụng Laravel làm nền tảng,
kết hợp với các công nghệ lập trình web khác để đáp ứng các yêu cầu nghiệp vụ cơ
bản trong công tác quản lý đảng viên. Hệ thống đáp ứng đa phần các chức năng
quản lý đảng viên theo quy định Nhà nƣớc.

Nội dung đề tài được trình bày trong 4 chương:
 Chƣơng 1: Tổng quan. Giới thiệu vấn đề cần giải quyết đối, mục tiêu
và phạm vi của đề tài. Đồng thời đƣa ra kế hoạch và phƣơng pháp
thực hiện.
 Chƣơng 2: Cơ sở lý thuyết. Trình bày khái quát các công nghệ đƣợc
sử dụng để xây dựng ứng dụng: Laravel Framework, HTML,
JavaScript, AJAX, Bootstrap và MySQL.
 Chƣơng 3: Nội dung và kết quả thực hiện. Bao gồm các phân tích
yêu cầu, thiết kế kiến trúc, dữ liệu và các chức năng trong hệ thống,
kiểm thử và đánh giá.
 Chƣơng 4: Kết luận và Hƣớng phát triển. Trình bày những kết quả
đạt đƣợc cũng nhƣ những hạn chế khó khăn trong quá trình thực hiện.
Đồng thời nêu lên hƣớng phát triển của đề tài.

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 7


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

ABSTRACT
Nowadays, Information Technology (IT) is prevailing in all aspects of life,
economics and society. This indicates that this field has been developing vigorously
and quickly, especially in recent years. Among the managerial tasks of
governmental agencies, the management of the Communist Party members plays an
important role in all hierarchical levels. The system of party-members management
was built so as to computerize managerial tasks in many party organizations.
The purpose of this thesis “Establish website to control party members of the

Colege of Technology” is to design and install an information system using Laravel
as a basis, in combination with other web-programming technologies in order to
meet fundamentally professional requirements in managing party members. The
system will provide most of the basic functions in managing party members in
accordance with governmental regulations and laws.

The contents of this thesis are divided into 4 chapters:
 Chapter 1: Overview. Introduce problems that need to be solved,
objectives and the scope of thesis. At the same time, present plans and
research methods.
 Chapter 2: Theoretical foundation. Introduce generally different
technologies used to build up applications, including Laravel
Framework, HTML, JavaScript, AJAX, Bootstrap and MySQL.
 Chapter 3: Contents and outcomes. Include analytical requirements,
design structure, data and functions in the system, conduct trial
experiments and evaluate.
 Chapter 4: Conclusion and future research possibilities. Present all
outcomes gained from this thesis, as well as all difficulties and
restrictions along the way. Simultaneously, introduce potential
tendency for future research.

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 8


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

PHẦN GIỚI THIỆU
1. Đặt vấn đề

Công tác quản lý hồ sơ đảng viên và cơ sở dữ liệu đảng viên có vai trò rất
quan trọng, giúp cấp ủy quản lý đảng viên và phục vụ lãnh đạo về công tác cán bộ.
Hàng năm, việc cập nhật phiếu đảng viên vào cơ sở dữ liệu đảng viên ở các huyện
ủy, thành ủy, đảng ủy trực thuộc phải đƣợc thực hiện thƣờng xuyên, đúng quy trình,
bảo đảm đầy đủ, chính xác. Công tác quản lý hồ sơ đảng viên ở đảng bộ cơ sở cũng
cần thực hiện đúng theo quy định của Điều lệ Đảng. Tuy nhiên, việc quản lý hồ sơ
đảng viên có nơi vẫn chƣa đƣợc thực hiện kịp thời, gây ra những khó khăn nhất
định trong quá trình khai thác thông tin và quản lý đảng viên.
Trong những năm gần đây, số lƣợng đảng viên ngày càng tăng ở các đơn vị
hành chính trong cả nƣớc. Đặc biệt, số lƣợng đoàn viên ƣu tú đƣợc xét kết nạp vào
đảng ở các trƣờng đại học, cao đẳng ngày càng nhiều. Từ đó, bí thƣ đảng ở các cấp
phải trực tiếp tiếp nhận, quản lý một khối lƣợng lớn và thƣờng xuyên các hồ sơ lý
lịch, cùng với các nghiệp vụ đảng, các thống kê, báo cáo định kỳ,… tất cả đều đƣợc
thực hiện thủ công. Do đó, công việc quản lý đảng viên ngày càng phức tạp và to
lớn. Các đơn vị đảng bộ cần một công cụ quản lý, hỗ trợ thực hiện các hoạt động
đó, đồng thời nâng cao tính hiệu quả, chính xác, linh hoạt về thời gian và địa điểm
trong các khâu, vì thế, họ cần một hệ thống quản lý trực tuyến để đáp ứng các nhu
cầu này.

2. Lịch sử giải quyết vấn đề
Ngày 22/9/2010, Thủ tƣớng Chính Phủ Nguyễn Tấn Dũng đã ký ban hành
Quyết định số 1755/QĐ-TTg phê duyệt Đề án “Đƣa Việt Nam sớm trở thành nƣớc
mạnh về công nghệ thông tin và truyền thông” và Kế hoạch ứng dụng công nghệ
thông tin trong hoạt động của cơ quan nhà nƣớc giai đoạn 2011 - 2015 (Quyết định
số 1605/QĐ-TTg ngày 27/8/2010). Trong những mục tiêu trọng tâm về CNTT,
Đảng và Chính phủ đã cho thấy sự quyết tâm đẩy mạnh công tác ứng dụng công
nghệ thông tin và phát triển Chính phủ điện tử để góp phần đảm bảo sự tăng trƣởng
và phát triển bền vững của đất nƣớc, nâng cao tính minh bạch trong các hoạt động
của cơ quan nhà nƣớc, tiết kiệm thời gian, kinh phí cho các cơ quan, tổ chức, doanh
nghiệp và ngƣời dân.

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 9


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

Năm 2011, việc triển khai hệ thống quản lý ở hầu hết các lĩnh vực, trong đó
có hệ thống quản lý đảng viên, điều hành trên môi trƣờng mạng đã đƣợc các Bộ, cơ
quan ngang Bộ tiếp tục triển khai mở rộng tới các đơn vị thuộc, trực thuộc trên toàn
cơ quan.
Mặc dù đã có những kết quả khả quan ứng dụng công nghệ thông tin trong
hoạt động cơ quan nhà nƣớc bƣớc đầu nói chung, và trong công tác quản lý đảng
viên nói riêng, song mức độ áp dụng công nghệ thông tin tại các cơ quan nhà nƣớc
Việt Nam vẫn còn hạn chế. Hiện nay, công tác quản lý đảng viên tại khoa Công
Nghệ, trƣờng Đại học Cần Thơ do Đảng Ủy khoa Công Nghệ đảm nhiệm. Mọi hoạt
động nghiệp vụ liên quan đến công tác quản lý đảng viên đều thực hiện trên sổ sách,
giấy tờ, bảng biểu... và vận chuyển thông tin qua đƣờng gửi/nhận công văn, giấy tờ.

3. Mục tiêu đề tài
 Nắm đƣợc các kiến thức cơ bản về Laravel, áp dụng các kỹ thuật lập
trình, mô hình MVC vào đề tài.
 Nắm đƣợc các kỹ thuật lập trình bằng ngôn ngữ HTML, JavaScript,
AJAX, CSS.
 Áp dụng và xây dựng giao diện bằng Bootstrap 3, và các thƣ viện hỗ trợ.
 Xây dựng cơ bản website quản lý đảng viên, đặc biệt là các nghiệp vụ
chính về quản lý hồ sơ lý lịch và hỗ trợ quy trình kết nạp đảng.

4. Đối tƣợng và phạm vi nghiên cứu

Về lý thuyết: nội dung quyển báo cáo sẽ tập trung giới thiệu khái quát về
Laravel Framework nhƣ lịch sử phát triển, cú pháp sử dụng, các yếu tố tạo nên
website, kiến trúc lập trình,… cũng nhƣ giới thiệu chung về các công cụ hỗ trợ
trong việc xây dựng ứng dụng…
Về ứng dụng:
 Xây dựng một website quản lý đảng viên với các tính năng cơ bản đáp
ứng nghiệp vụ quản lý của đảng bộ khoa, nhƣ quản lý thông tin đảng
bộ, các nghiệp vụ thêm hồ sơ lý lịch, chuyển đảng chính thức, chuyển
sinh hoạt đảng…
 Trợ giúp trong quá trình quản lý điều hành công việc tại văn phòng
Đảng Ủy khoa Công Nghệ ĐHCT theo hƣớng hiện đại, nhanh chóng
và hiệu quả.

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 10


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

 Thống nhất và tin học hóa các quy trình hoạt động tác nghiệp, các
hình thức tiếp nhận, lƣu trữ, trao đổi, tìm kiếm, xử lý thông tin.
 Giải quyết công việc tại cơ quan, nâng cao chất lƣợng và hiệu quả của
công tác điều hành của lãnh đạo cơ quan, các hoạt động tác nghiệp của
cán bộ và chuyên viên trong cơ quan.

5. Nội dung nghiên cứu
5.1. Tìm hiểu lý thuyết
 Tìm hiểu về quy trình quản lý đảng viên khoa Công Nghệ, trƣờng Đại
học Cần Thơ, tham khảo các tài liệu sẵn có, các biểu mẫu, biểu bảng sƣu

tầm trên internet.
 Nghiên cứu và áp dụng các kỹ thuật lập trình Laravel vào trang web.
 Tìm hiểu các thành phần tích hợp trong Laravel Framework, kết hợp với
các ngôn ngữ JavaScript, CSS, HTML… để xây dựng ứng dụng web.
 Thu thập các mẫu tài liệu theo chuẩn IEEE chuẩn bị cho việc viết báo cáo.
5.2. Cài đặt chƣơng trình
 Sublime Text 3 - Dùng để viết mã PHP, JavaScript, HTML, CSS, XML.
 Xampp 1.8.3 - Tạo máy chủ để chạy ứng dụng trên máy tính cá nhân.
 MySQL 5.0 - Hệ quản trị CSDL mã nguồn mở.
 PowerDesigner 16.1 - Công cụ vẽ mô hình dữ liệu.
5.3. Kế hoạch thực hiện
Tuần

STT

Nội dung

1

Tìm hiểu tổng quan về PHP, hệ quản trị CSDL MySQL và
cách sử dụng Sublime Text

2

Ôn tập kiến thức lập trình web về JavaScript, CSS, HTML

3, 4

Tìm hiểu về Laravel, các thành phần và cú pháp sử dụng
Tìm hiểu thƣ viện Bootstrap

4

5

Thu thập tài liệu, đặc tả, phân tích yêu cầu

5

6

Thiết kế mô hình và dữ liệu

6

7

Cấu hình và cài đặt môi trƣờng lập trình, liên kết CSDL

1
2
3

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 11


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

7

8, 9, 10, 11,
12, 13, 14

Xây dựng chƣơng trình, hoàn thiện các chức năng

8

15

Kiểm tra tích hợp các chức năng và sửa lỗi chƣơng trình

9

16, 17

Viết báo cáo
Bảng 1 - Kế hoạch thực hiện

6. Những kết quả chính đạt đƣợc
- Phát triển hệ thống quản lý trên nền Internet giúp tăng tính di động của hệ thống.
- Xây dựng thành công các chức năng quản lý hồ sơ đảng viên, kết nạp đảng viên
dự bị, đảng viên chính thức, quản lý hệ thống danh mục, tin tức, biểu mẫu và báo
cáo, quản lý chuyển sinh hoạt đảng, đánh giá xếp loại và thống kê.

7. Bố cục quyển luận văn
Nội dung quyển luận văn gồm các phần sau đây:
 PHẦN GIỚI THIỆU: Phần này trình bày vấn đề phát sinh của đề tài,
những giải pháp đã có, mục tiêu của đề tài cũng nhƣ những nghiên

cứu về đề tài đƣợc thực hiện.
 PHẦN NỘI DUNG: Phần này trình bày mô tả chi tiết bài toán, trình
bày thiết kế hệ thống và kiểm thử, đánh giá tính đúng đắn của hệ
thống.
 PHẦN KẾT LUẬN: Phần này trình bày kết quả đã đạt đƣợc và
hƣớng phát triển của đề tài.

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 12


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

PHẦN NỘI DUNG
CHƢƠNG 1 – CƠ SỞ LÝ THUYẾT
1. Tổng quan về Laravel Framework
1.1. Giới thiệu ngôn ngữ lập trình PHP
PHP (viết tắt của từ "Hypertext Preprocessor") là ngôn ngữ lập trình dùng
để phát triển các ứng dụng và thao tác dữ liệu đặt tại Server. PHP rất thích hợp với
web và có thể dễ dàng nhúng vào trang HTML. Do đƣợc tối ƣu hóa cho các ứng
dụng web, tốc độ nhanh, cú pháp giống C và Java, dễ học và thời gian xây dựng sản
phẩm tƣơng đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở
thành một ngôn ngữ lập trình web đƣợc ƣa chuộng.
Các ưu điểm của PHP:
 Mã nguồn mở, do đó có thể sử dụng PHP miễn phí và có thể tham
khảo bất kì nguồn mã PHP nào. Nguồn học liệu và cộng đồng hỗ trợ
rộng lớn.
 Đa nền, chạy đƣợc trên tất cả các nền tảng (flatform) và hệ điệu hành:
Linux, Unix, Windows.

 Ổn định, tốc độ nhanh và linh động.
 Có thể nhúng vào HTML, tạo các trang web có khả năng linh động về
nội dung và trình bày.
 Cho phép kết nối với cơ sở dữ liệu với các hệ quản trị CSDL khác
nhau: MySQL, Oracle, MS SQL server…
1.2. Giới thiệu Laravel Framework 4
Laravel Framework 4, vừa chỉ ra mắt vào cuối tháng 5 - 2013. Tuy vậy,
PHP Framework này đã nhanh chóng có đƣợc một cộng đồng rất lớn trong thế giới
các Framework của ngôn ngữ lập trình PHP.
Trƣớc hết, sự tinh tế của Laravel nằm ở chỗ bắt kịp đƣợc xu hƣớng công
nghệ mà điểm nhấn ở đây là các tính năng mới trong các phiên bản PHP 5.3 trở lên.
Điều đó đƣợc thể hiện qua khái niệm namespace, composer, closure và rất nhiều
những tiêu chuẩn trong design pattern đƣợc áp dụng trên nền tảng framework này.
Đồng thời, với cách hƣớng dẫn đơn giản và dễ tiếp cận giống với Codeigniter
Framework đã khiến ngƣời dùng thích ngay từ lần đầu "hẹn hò" với framework này.
Laravel 5 cũng có sự tích hợp của một phần trong thƣ viện symfony và áp
dụng triệt để mô hình ORM với khái niệm liên quan đến Eloquent class. Đồng thời,
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 13


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

nó cũng giải quyết đƣợc những vấn đề mà các framework khác đang mắc phải.
Chẳng hạn nhƣ master layout, mô hình xử lý với ORM, event model,...

Hình 1 - Mức độ phổ biến của các PHP Framework
1.2.1. Các ưu điểm:










Đƣợc thừa hƣởng những ƣu điểm và thế mạnh từ các framework khác.
Có số lƣợng ngƣời sử dụng nhiều nhất
Document rõ dàng, dễ học
Autoload theo namespace.
Sử dụng mô hình ORM rất đơn giản khi thao tác với DB
Các lệnh tƣơng tác với cơ sở dữ liệu cực kỳ ngắn gọn và thân thiện.
Việc quản lý layout thật sự giản đơn với Balade Templating .
Dễ dàng tích hợp các thƣ viện khác vào dự án, và đƣợc quản lý với
Composer
 Phần route rất mạnh.
1.2.2. Cài đặt Laravel:

Chuẩn bị:
 Cài Xampp (Xem phần phụ lục Hƣớng dẫn cài Xampp), gói cài đặt này
bao gồm PHP 5 và các PHP Extension.
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 14


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

 Bật extension php_openssl (mở file php.ini lên rồi tìm dòng
;extension=php_openssl.dll, bỏ dấu ; ở đầu dòng đi, save file lại
rồi restart apache)
 Download và cài đặt Composer cho window tại link
getcomposer.org/Composer-Setup.exe . Trong quá trình cài đặt composer,
một thông báo sẽ hiện lên hỏi chọn thƣ mục chứa file php.exe. Đối với
với xampp thì là thế này c:\xampp\php\php.exe
 Download và cài đặt Git phiên bản window tại
msysgit.googlecode.com/files/Git-1.8.3-preview20130601.exe
Bắt đầu cài đặt Laravel 5:
 Bước 1: Ấn phím Window, trong box Search
programs and files, gõ cmd rồi enter
 Bước 2: Trong cmd, gõ lệnh sau để di chuyển ra ổ C
o cd C://

o Tiếp đến gõ lệnh sau để di chuyển vào thƣ mục
gốc của website
o cd C:\xampp

 Bước 3: Chạy lệnh dƣới đây để tạo ra project laravel
o composer create-project
laravel/laravel ten-project -prefer-dist

o Với ten-project là tên thƣ mục chứa project
laravel và có thể đặt tên tùy thích (ví dụ là
laravel-5), sau khi chạy lệnh trên chờ một thời
gian sau khi tiến trình chạy xong, ta sẽ thấy thƣ
mục chứa project laravel 5 nhƣ hình bên.
 Bước 4: Vào trình duyệt gõ đƣờng dẫn

http://localhost/laravel-5/public, nếu bạn thấy hiện ra
nhƣ dƣới đây là đã cài đặt thành công.
Hình 2 - Cấu trúc
thư mục Laravel 5

Hình 3 - Welcome Laravel 5
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 15


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

1.3. Cú pháp trong Laravel Framework
Phần cú pháp này sẽ giới thiệu các phần cơ bản nhất trong MVC của Laravel thông
qua các ví dụ đơn giản.
- Truy cập vào file app/routes.php và thêm vào nội dung sau vào cuối file:
Route::get('/dang-nhap', function(){
echo 'Day trang dang nhap.';
});

- Truy cập vào đƣờng dẫn: http://localhost/laravel/dang-nhap thì sẽ hiển thị: Day
trang dang nhap.
Tìm hiểu về Controller
- Để tạo 1 controller các bạn cần vào thƣ mục app/controller với các quy tắc sau:
Tên file trùng với tên Class Kế thừa từ lớp BaseController. Ví dụ:
class FramgiaController extends BaseController {
public function test(){
echo 'Tim hieu ve Controller trong Laravel tai

Framgia';
}
}

- Sau khi tạo controller ta cần khai báo route đến nó nhƣ sau:
Route::get('/controller-test', 'FramgiaController@test');

- Để truyền tham số vào controller ta làm nhƣ sau:
class FramgiaController extends BaseController {
public function view($title, $id)
{
echo 'Bạn đang xem bài viết '.$title.' có ID là
:'.$id;
}
}

- Khai báo route:
Route::get('/bai-viet-{title}/{id}', 'HocphpController@view');

- Khi đó ta có thể truy xuất theo đƣờng dẫn: http://localhost/laravel/public/framgiaviet-nam/1
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 16


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

- Với các Controller có nhiều action, ta chỉ cần khai báo 1 lần:
Route::controller('framgia', 'FramgiaController');

- Khi đó khi request đến: http://localhost/laravel/public/framgia/abc thì Laravel sẽ
tự động tìm đến action abc của controller FramgiaController để xử lý
Kết nối cơ sở dữ liệu
- Laravel kết nối tới cơ sở dữ liệu và chạy truy vấn cực kỳ đơn giản. Cấu hình nằm
tại file app/config/database.php. Trong file này thì định nghĩa tất cả những loại kết
nối cơ sở dữ liệu:
'mysql' => array(
'driver'
'host'
'database'
'username'
'password'
'charset'
'collation'
'prefix'
),

=>
=>
=>
=>
=>
=>
=>
=>

'mysql'
'localhost',
'laravel',

'root',
'',
'utf8',
'utf8_unicode_ci',
'',

- Sau khi cấu hình xong thông tin DB ta có thể dễ dàng truy vấn nhƣ sau:
$results = DB::select('select * from users where id =
?', array(1));
DB::insert('insert into users (id, name) values (?, ?)',
array(1, 'framgia'));
DB::update('update users set name = "abc" where id = ?',
array('1'));
DB::delete('delete from users');
DB::statement('drop table users');

- Với transaction thì ta dùng câu lệnh nhƣ sau:
DB::transaction(function()
{
DB::table('users')->update(array('id' => 1));
DB::table('posts')->delete();
});

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 17


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

Sử dụng Eloquent ORM
- Trƣớc tiên mình sẽ tạo 1 file model có tên User.php với nội dung sau:
class User extends Eloquent {
protected $table = 'users';
}

- Khi model đƣợc định nghĩa là chúng ta có thể thao tác trên nó, và lớp model đều
phải kế thừa từ lớp Eloquent.
- Thuộc tính $table sẽ khai báo bảng dữ liệu mà ta sẽ thao tác. Sau khi khai báo nhƣ
trên ta thao tác với bảng users rất dễ dàng nhƣ sau:
 Lấy dữ liệu:
$users = User::all();
foreach ($user as $row)
{
echo $row->name.'
';
}

 Lấy dữ liệu thông qua id:
$user = User::find(1);
echo $user->name;

 Lấy dữ liệu có điều kiện:
$users = User::where('id', '>', 100)->take(10)->get();
foreach ($users as $user)
{
var_dump($user->name);
}

 Insert dữ liệu:

$user = new User;
$user->name = 'Trungx';
$user->save();

 Update dữ liệu cũng tƣơng tự:
$user = User::find(1);
$user->name = 'Xtrung';
$user->save();

 Và xóa dữ liệu:
$user = User::find(1);
$user->delete();

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 18


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

View trong Laravel
- Laravel sử dụng template engine riêng là Blade. Để định nghĩa layout ta khai báo
trong Controller:
class UserController extends BaseController {
/**
* The layout that should be used for responses.
*/
protected $layout = 'layouts.master';
/**
* Show the user profile.

*/
public function showProfile()
{
$this->layout->content = View::make('user.profile');
}
}

- Các file template đƣợc định nghĩa trong thƣ mục views với đuôi .blade.php. Ví dụ
1 layout.
<html>
<body>
@section('sidebar')
This is the master sidebar.
@show
<div class="container">
@yield('content')
</div>
</body>
</html>

- Ở tất cả các phần view ta sẽ extend layout nhƣ sau:
@extends('layouts.master')
@section('sidebar')

This is appended to the master sidebar.

@stop
@section('content')

This is my body content.

@stop

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 19


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

- Để sử dụng các biến php và các hàm ta đặt trong dấu {{{ và }}}, ví dụ:
{{{ isset($name) ? $name : 'Default' }}}

- Để sử dụng mệnh đề if ta dùng @if và @endif nhƣ sau:
@if (count($records) === 1)
I have one record!
@elseif (count($records) > 1)
I have multiple records!
@else
I don't have any records!
@endif
@unless (Auth::check())
You are not signed in.
@endunless

- Và để comment thì dùng nhƣ sau:
{{-- This comment will not be in the rendered HTML --}}

2. Ngôn ngữ HTML, JavaScript, AJAX, Bootstrap 3
2.1. Giới thiệu HTML
HTML (viết tắt của từ Hypertext Markup Language - Ngôn ngữ liên kết siêu
văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web,
tài liệu là các tập tin văn bản đơn giản.
Ngôn ngữ HTML dùng các tag hoặc các đoạn mã lệnh để các trình duyệt

(Web browsers) hiển thị các thành phần của trang nhƣ từ ngữ và hình ảnh, tƣơng tác
vơi ngƣời dùng thông qua các thao tác nhấn phím và click chuột. Hầu hết các trình
duyệt hiện nay điều nhận biết các tag của HTML.
2.2. Giới thiệu JavaScript
2.2.1. Giới thiệu

JavaScript là một ngôn ngữ lập trình đƣợc sử dụng chủ yếu dựa trên id,
class hoặc name (element) của các thẻ html. Ngôn ngữ này đƣợc dùng rộng rãi cho
các trang web, ngoài ra còn đƣợc dùng để viết script cho các đối tƣợng ứng dụng.
Javascript đƣợc phát triển bởi Brendan Eich ở hãng truyền thông Netscape với cái
tên đầu tiên Mocha sau đó đổi tên thành LiveScript và hiện tại là JavaScript. Giống
nhƣ ngôn ngữ lập trình Java, JavaScript có cú pháp tƣơng tự C. Mỗi file JavaScript
có phần mở rộng là js, thƣờng đƣợc dùng cho tập tin mã nguồn JavaScript.

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 20


SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ
2.2.2. Hàm và Biến

JavaScript sử dụng kiểu khai báo biến không tƣờng minh, không cần phải
khai báo kiểu của biến. Có 2 cách khai báo biến:
 Dùng từ khóa var, ví dụ: var myvar = 10. Lúc này biến myvar đƣợc
khai báo trong phạm vi hàm nào thì chỉ sử dụng đƣợc trong hàm đó.
 Không dùng từ khóa var: biến đƣợc khai báo sẽ đƣợc coi là biến toàn
cục và đƣợc sử dụng trên toàn trang web.
Khi quá trình sử dụng biến kết thúc, JavaScript tự động thu hồi bộ nhớ đã
cấp phát cho biến.

Hàm là một đối tƣợng và không nhất thiết phải có tên, có thể đƣợc truyền
nhƣ một tham số cho hàm khác. Hàm có thể có tham số hoặc không, khi định nghĩa
hàm có tham số và khi đƣợc gọi mà không truyền tham số, các tham số sẽ có kiểu
dữ liệu là undefined, hàm vẫn đƣợc thực thi bình thƣờng nhƣng các lập trình viên
phải thực hiện bắt lỗi.
Ví dụ khai báo và sử dụng một hàm:
Var click = function(e){
Alert(“Đây là một hàm không tên và được gán cho 1 biến
có tên là click”);
}
//Gán đối tượng click cho sự kiện click của document,
hàm có thể được sử dụng như một đối tượng.
Document. onClick = click;

2.3. Giới thiệu AJAX
AJAX, viết tắt từ Asynchronous JavaScript and XML (JavaScript và XML
không đồng bộ), là bộ công cụ cho phép tăng tốc độ ứng dụng web bằng cách cắt
nhỏ dữ liệu và chỉ hiển thị những gì cần thiết, thay vì tải đi tải lại toàn bộ trang web.
AJAX không phải một công nghệ đơn lẻ mà là sự kết hợp một nhóm công nghệ với
nhau. Trong đó, HTML và CSS đóng vai hiển thị dữ liệu, mô hình DOM trình bày
thông tin động, đối tƣợng XMLHttpRequest trao đổi dữ liệu không đồng bộ với
máy chủ web, còn XML là định dạng chủ yếu cho dữ liệu truyền.
Kĩ thuật AJAX làm cho ứng dụng Internet nhỏ hơn, nhanh hơn và thân thiện
hơn. Chuẩn Web cơ bản dùng trong AJAX đã đƣợc định nghĩ và hỗ trợ tất cả những
trình duyệt cơ bản. Ứng dụng AJAX là trình duyệt và không phụ thuộc HĐH.

GVHD: ThS. Trương Thị Thanh Tuyền

Trang 21

SV: Nguyễn Chí Toàn Xây dựng website quản lý đảng viên khoa Công Nghệ

2.4. Giới thiệu Bootstrap
2.4.1 Giới thiệu chung

Bootstrap là sự kết hợp của các framework HTML, CSS, Javascript phổ biến
nhất cho những ngƣời phát triển Responsive hay phát triển website. Dùng để hỗ trợ
chúng ta xây dựng nhanh trang web mà không cần code quá nhiều CSS.
Bootstrap đƣợc sử dụng phổ biến nhất đề phát triển front-end website. Đây là
1 framework dễ học, dễ sử dụng, mềm mƣợt nhanh chóng và dễ dàng để xây dựng
giao diện website, có hỗ trợ responsive.
Bootstrap 3 là phiên bản cuối cùng tại thời điểm hiện tại 10/2014. Bootstrap
đƣợc xây dựng bởi Twitter và hiện đang có rất nhiều ngƣời sử dụng CSS
Framework này.
2.4.2 Ưu điểm của Bootstrap 3

 Tiết kiệm thời gian: Boostrap giúp ngƣời thiết kế giao diện website
tiế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ải
tố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ển
nề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 cộ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ện
website để 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 ƣu
chuộng trên thế giới.
 Dễ dàng sử dụng: bất kỳ ai có kiến thức cơ bản HTML và CSS có

thể bắt đầu sử dụng Bootstrap.
 Những tính năng responsive: Khả năng đáp ứng đa màn hình của
Bootstrap’s responsive CSS cho tất cả các thiết bị phổ biến hiện nay
nhƣ điện thoại, máy tính bảng, máy để bàn …
 Ưu tiên cho thiết bị di động: Ở phiên bản Bootstrap 3, thiết kế theo
kiểu mobile-first – ƣu tiên các thiết bị di động là một phần cốt lõi của
hệ thống khung.
 Tương thích trình duyệt: Bootstrap luôn tƣơng thích với đại đa số
các trình duyệt hiện đại (Chrome, Firefox, Internet Explorer, Safari,
and Opera).
GVHD: ThS. Trương Thị Thanh Tuyền

Trang 22