BC thực tập: Xây dựng website quản lý cổ đông bằng PHP Framework CodeIgniter cho Công Ty TNHH Công Nghệ Di Động Bắc Hà

Báo Cáo Thực Tập Tốt Nghiệp

LỜI CẢM ƠN
Trên thực tế không có sự thành công nào mà không gắn liền với những sự
giúp đỡ mọi người dù ít hay nhiều, dù trực tiếp hay gián tiếp. Trong suốt thời gian
học tập nhất là trong quá trình thực tập, em đã nhận được rất nhiều sự quan tâm giúp
đỡ nhiệt tình của các thầy cô, bạn bè và gia đình.
Đầu tiên em xin gửi lời cảm ơn sâu sắc đến Anh Đào Văn Quyết, đã trực tiếp
hướng dẫn và giúp đỡ em rất nhiều trong thời gian em thực tập tại đơn vị này.
Em xin cảm ơn mọi người trong Công Ty TNHH Công Nghệ Di Động Bắc Hà
cho phép và tạo điều kiện thuận lợi cho em được thực tập ở công ty
Em cũng xin gửi lời cảm ơn đến các thầy cô trong Khoa Công nghệ thông tin,
Trường Đại học Tài nguyên và Môi trường nơi em đang học đã nhiệt tình giúp đỡ tạo
điều kiện và là cầu nối giữa Nhà trường với đơn vị em thực tập.
Vì thời gian, điều kiện còn có hạn, em đã cố gắng rất nhiều để hoàn thành đợt
thực tập tốt nghiệp, nhưng vẫn còn nhiều hạn chế và không thể tránh khỏi những
thiếu sót, mong thầy cô và các bạn có những ý kiến đóng góp để em có thể hoàn
thiện và phát triển đề tài hơn.
Em xin chân thành cảm ơn!
Sinh viên thực hiện

SV: Đồng Mạnh Hùng


Báo Cáo Thực Tập Tốt Nghiệp

DANH MỤC TỪ VIẾT TẮT
Từ viết tắt

Tên tiếng Anh
CodeIgniter

Model - View - Controller

Ý nghĩa
Một Framework PHP
Mô hình thiết kế được sử dụng

JavaScript

trong kỹ thuật phần mềm
Một ngôn ngữ lập trình của

AJAX

Asynchronous JavaScript and

HTML và WEB
JavaScript và XML không đồng

JQUERY
HTML

XML
Jquery
Hypertext Markup Language

bộ, một kĩ thuật trong JavaScript
Một thư viện trong JavaScript
Ngôn ngữ đánh dấu siêu văn bản

CI

MVC
JS

được ví như là bộ xương của một
CSS

Cascading Style Sheets

giao diện website
Ngôn ngữ giúp trình duyệt hiểu
được các thiết lập định dạng và

BOOTSTRAP

Bootstrap

bố cục cho trang web
Một Font-end Framework được
viết bằng SASS và biên dịch
thành CSS, nó là một bộ thư viện
mạnh mẽ được tích hợp nhiều
CSS có sẵn giúp cho việc lập
trình HTML & CSS trở nên đơn
giản và dễ dàng hơn

SV: Đồng Mạnh Hùng


Báo Cáo Thực Tập Tốt Nghiệp
MỤC LỤC

SV: Đồng Mạnh Hùng


Báo Cáo Thực Tập Tốt Nghiệp
DANH MỤC HÌNH ẢNH

SV: Đồng Mạnh Hùng


Báo Cáo Thực Tập Tốt Nghiệp

PHẦN MỞ ĐẦU
1. Cơ sở thực tiễn của đề tài
1.1. Cơ sở khoa học của đề tài:
Ngày nay, các công ty và doanh nghiệp cổ phần thường có số lượng cổ đông
và cổ phiếu lớn. Việc quản lý thông tin cổ đông, thông tin cổ phần của cổ đông, quá
trình chuyển nhượng cổ phần giữa các cổ đông với nhau, quản lý thông tin các đợt
phát hành của các cổ phần, tính toán cổ tức của cổ đông đòi hỏi phải được tin học
hóa để dễ dàng trong việc quản lý, lưu trữ, thống kê, báo cáo. Chính vì thế cần phải
có một ứng dụng để quản lý cổ đông cho công ty. Đề tài “Xây dựng website quản lý
cổ đông bằng PHP Framework CodeIgniter cho Công Ty TNHH Công Nghệ Di
Động Bắc Hà” sẽ nghiên cứu quy trình quản lý cổ đông của công ty và xây dựng một
ứng dụng quản lý cổ đông hoàn chỉnh.Ứng dụng này có thể giúp cho người quản lý
thuận tiện trong việc quản lý, truy cập thông tin nhanh chóng, chính xác, chuyên môn
hóa và tin học hóa nghiệp vụ quản lý cổ đông. Đồng thời cho phép cổ đông có thể tra
cứu thông tin về các công ty và cổ phần của mình trên website
1.2. Ý nghĩa thực tiễn của đề tài:
-

Hiểu được các nghiệp vụ của quản lý cổ đông.

-

Xây dựng các chức năng giúp cho cổ đông có thể quản lý, tra cứu các thông tin cá
nhân, cổ phần, cổ phiếu của mình một cách thuận tiện nhất.

-

Cũng là tài liệu tham khảo cho sinh viên các khóa có học tập tại Trường
2. Nội dung nghiên cứu chính
2.1. Mục tiêu của đề tài:
- Nghiên cứu nghiệp vụ quản lý cổ đông để xây dựng các module website một
cách chính xác.
-Ứng dụng một số công nghệ web vào việc xây dựng website quản lý cổ đông
- Xây dựng được các chức năng quản lý cổ đông.
2.2. Nội dung của đề tài:

-

Giới thiệu về mô hình MVC và Codeigniter Framework

-

Phân tích thiết kế hệ thống quản lý cổ đông

-

Thiết kế cơ sở dữ liệu quản lý cổ đông
SV: Đồng Mạnh Hùng

Page 5


Báo Cáo Thực Tập Tốt Nghiệp
-

Thiết kế giao diện quản lý cổ đông
3. Phương pháp nghiên cứu

-

Phương pháp nghiên cứu lý thuyết: tiến hành thu nhập các tài liệu, thông tin liên

-

quan đến cổ đông, cổ phần, cổ phiếu.
Tổng hợp và phân tích tích tài liệu để đưa ra cơ sở lý thuyết về cổ đông, cổ phần, cổ
phiếu.
4. Phạm vi nghiên cứu
Nghiên cứu và xây dựng website quản lý cổ đông của một công ty cổ phần tại
Công Ty TNHH Công Nghệ Di Động Bắc Hà.
5. Giới thiệu về cơ sở thực tập
Cơ quan thực tập : CÔNG TY TNHH CÔNG NGHỆ DI ĐỘNG BẮC HÀ
Địa chỉ: Tầng 6, tòa nhà Technosoft, phố Duy Tân, Quận Cầu Giấy, Hà Nội
Điện thoại: 043.795.1677
Email:
Địa chỉ website: www.bhtech.com.vn
Chức năng nhiệm vụ: www.bhtech.com.vn/work/
Được thành lập năm 2002, Công Ty Công nghệ Bắc Hà (BHtech) là công ty

chuyên xây dựng các giải pháp phần mềm và sản xuất, gia công các sản phẩm phầm
mềm xuất khẩu.
Với định hướng chủ yếu là xây dựng các giải pháp và các phần mềm ứng
dụng phục vụ công tác điều hành, quản lý hành chính Nhà nước như: quản lý công
văn, quản lý tư pháp, quản lý các đối tượng chính sách, quản lý địa chính nhà đất,
dân cư…. trên địa bàn cấp cơ sở phường/xã, quận/huyện; tư vấn xây dựng các hệ
thống thông tin quản lý hành chính Nhà nước …. , công ty Bắc Hà liên tục nghiên
cứu các giải pháp, công nghệ CNTT mới nhất để lựa chọn phương án đầu tư ứng
dụng CNTT hiệu quả, tối ưu và tiết kiệm nhất cho nhà đầu tư.
Hiện nay, công ty Bhtech được chia làm 3 công ty là:
- Công ty TNHH Công nghệ Bắc Hà (BHT)
- Công ty TNHH Phần mềm Quốc tế Bắc Hà (BHI)
- Công ty TNHH Công nghệ Di động Bắc Hà

SV: Đồng Mạnh Hùng

Page 6


Báo Cáo Thực Tập Tốt Nghiệp

CHƯƠNG 1: GIỚI THIỆU VỀ MÔ HÌNH MVC VÀ
CODEIGNITER FRAMEWORK
1. Mô hình MVC
Mô hình MVC (Model – View – Controller) là một kiến trúc phần mềm hay
mô hình thiết kế được sử dụng trong kỹ thuật phần mềm. Nó giúp cho các developer
tách ứng dụng của họ ra 3 thành phần khác nhau Model, View và Controller. Mỗi
thành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác.
Thành phần của mô hình MVC:

Hình 1.1: Mô hình MVC

Trong đó:
- Model là thành phần chứa tất cả các nghiệp vụ logic, phương thức xử lý, truy
xuất database, đối tượng mô tả dữ liệu như các Class, hàm xử lý…

- View đảm nhận việc hiển thị thông tin, tương tác với người dùng, nơi chứa
tất cả các đối tượng GUI như textbox, images…Hiểu một cách đơn giản, nó là tập
hợp các form hoặc các file HTML.
SV: Đồng Mạnh Hùng

Page 7


Báo Cáo Thực Tập Tốt Nghiệp

- Controller giữ nhiệm vụ nhận điều hướng các yêu cầu từ người dùng và gọi
đúng những phương thức xử lý chúng… Chẳng hạn thành phần này sẽ nhận request
từ url và form để thao tác trực tiếp với Model.

Quy tắc làm việc của MVC như thế nào ?
Nhìn lại sơ đồ phía trên, ta thấy có mũi tên nét liền và những mũi tên nét đứt.
Những mũi tên nét đứt được hình thành trên quan điểm của người dùng mà không
phải là của những nhà thiết kế phần mềm thực sự. Do đó chúng ta chỉ quan tâm đến
những mũi tên còn lại.
Đây là một cách đơn giản để mô tả lại luồng sự kiện được xử lý trong MVC:

– User tương tác với View, bằng cách click vào button, user gửi yêu cầu đi.

– Controller nhận và điều hướng chúng đến đúng phương thức xử lý ở Model.

– Model nhận thông tin và thực thi các yêu cầu.

– Khi Model hoàn tất việc xử lý, View sẽ nhận kết quả từ Model và hiển thị
lại cho người dùng.

SV: Đồng Mạnh Hùng

Page 8


Báo Cáo Thực Tập Tốt Nghiệp

Hình 1.2: Biểu đồ hoạt động mô hình MVC
Ưu điểm và nhược điểm của MVC
- Ưu điểm:
Thể hiện tính chuyên nghiệp trong lập trình, phân tích thiết kế. Do được chia
thành các thành phần độc lập nên giúp phát triển ứng dụng nhanh, đơn giản, dễ nâng
cấp, bảo trì..
- Nhược điểm:
Đối với dự án nhỏ việc áp dụng mô hình MVC gây cồng kềnh, tốn thời gian
trong quá trình phát triển. Tốn thời gian trung chuyển dữ liệu của các thành phần.
2. Codeigniter Framework
CodeIgniter (CI) là một PHP Framework theo cấu trúc MVC được viết trên
PHP4 và hỗ trợ cả PHP4 và PHP5 .Nó là một tập hợp các thư viện viết sẵn trên PHP
giúp chúng ta phát triển web bằng PHP nhanh hơn là cách viết lắp ghép thông thường

SV: Đồng Mạnh Hùng

Page 9

Báo Cáo Thực Tập Tốt Nghiệp
- Các thư viện này giúp chúng ta thực hiện các tác vụ thông thường của một
ứng dụng web như kết nối và thực hiện các công việc liên quan đến cơ sở dữ liệu ,
upload file, xử lý hình ảnh, phân trang, cookie, session, bảo mật … Đồng thời các
thư viện này cũng giúp chúng ta tổ chức code tốt hơn với mô hình MVC.
Ưu điểm của codeigniter:
- Là một trong những PHP Framework có số lượng người dùng nhiều nhất
hiện nay
- Cực kỳ nhỏ gọn: gói cài đặt CI mới nhất hiện nay (version 3.1.3) khoản 2,47
MB dung lượng để tải về và miễn phí hoàn toàn 100% .
- Tốc độ nhanh: CI sử dụng cơ chế lưu nội dung trang web vào bộ nhớ đệm
(cache), kiểm tra bộ đệm trước khi thực hiện các yêu cầu từ người dùng. CI có thể
giảm số lượt truy cập và xữ lý dữ liệu, tối ưu hóa tốc độ tải trang đến mức tối đa có
thể.
- Hệ thống thư viện phong phú: CI cung cấp các thư viện phục vụ cho những
tác vụ thường gặp nhất trong lập trình web, chẳng hạn như truy xuất cơ sở dữ liệu,
gửi email, kiểm tra dữ liệu, quản lý session, xử lý ảnh,…đến những chức năng nâng
cao như XML-RPC, mã hóa, bảo mật,…

- Bảo mật hệ thống: cơ chế kiểm tra dữ liệu chặt chẽ, ngăn ngừa XSS và SQL
Injection của CI giúp giảm thiểu các nguy cơ bảo mật cho hệ thống.
- Tối ưu hóa SEO: cấu trúc Url của CI rất thân thiện với các công cụ tìm kiếm,
tốt cho SEO.
- Thiết kế theo mô hình M-V-C: giúp cho việc thiết kế, nâng cấp bảo trì mã
nguồn một cách dễ dàng vì thành phần hiển thị và thành phần xử lý dữ liệu được tách
biệt thành các phần độc lập.
SV: Đồng Mạnh Hùng

Page 10


Báo Cáo Thực Tập Tốt Nghiệp
- Tính tiếp cận và tài liệu dễ học, dễ mở rộng
- Bộ core thư viện của Codeigniter ít thay đổi
- Codeigniter Framework có vòng đời ổn định hơn so với các PHP Framework
khác
- Dễ tích hợp thêm các thư viện từ framework khác

Hình 1.3: Logo của Codeigniter Framework .
Cài đặt CodeIgniter Framework:
- Đầu tiên chúng ta download phiên bản mới nhất của CI tại đây

codeload.github.com/bcit-ci/CodeIgniter/zip/3.1.3, hiện tại tôi đang sử dụng phiên
bản 3.1.3
- Sau khi download về các bạn giải nén và sẽ thấy các thư mục bên trong như
sau:

SV: Đồng Mạnh Hùng

Page 11


Báo Cáo Thực Tập Tốt Nghiệp

Hình 1.4: Cấu trúc thư mục của CodeIgniter Framework
- Trong các thư mục download về thì ý nghĩa từng thư mục và file như sau:
+ application: đây là thư mục rất quan trọng, thư mục chứa ứng dụng,nơi đây
sẽ là nơi chúng ta viết code cho dự án

+ system: đây là thư mục chứa toàn bộ thư viện của CodeIgniter
+ user_guide: đây là thư mục chứa toàn bộ hướng dẫn sử dụng
+ index.php: giữ nguyên file này
– Bây giờ chúng ta hãy mở thư mục Application ra để xem cấu trúc và ý nghĩa
của nó:

Hình 1.5: Cấu trúc thư mục application trong CodeIgniter
– Tôi xin giải thích qua 1 chút về chức năng của các thư mục chính,hay sử
dụng:
config: đây là thư mục chứa toàn bộ cấu hình website, cấu hình database,
đường dẫn,ngôn ngữ…
SV: Đồng Mạnh Hùng

Page 12


Báo Cáo Thực Tập Tốt Nghiệp
+ core: Đây là thư mục viết các core của hệ thống,có thể viết các main
controller,model… để kế thừa
+ controller: Đây là thư mục chứa toàn bộ các file controller (xử lý dữ liệu)
+ model: Là nơi viết các model của hệ thống (làm việc với csdl)
+ views: là nơi chứa các views (hiển thị dữ liệu)
+ helpers: chứa các helpers (các hàm tự xây dựng)
+ libraries: chứa các thư viện mà chúng ta tự phát triển
+ language: chứa các file ngôn ngữ,nếu bạn làm website đa ngôn ngữ thì cần
sử dụng tới thư mục này
Cài đặt Xampp:
Để tải XAMPP, đầu tiên bạn truy cập vào địa chỉ:
và chọn phiên bản XAMPP
phù hợp với hệ điều hành của máy tính bạn đang sử dụng, và bạn nên chọn phiên bản

PHP 7.0.15. Lưu ý là XAMPP chỉ có phiên bản cho hệ điều hành 32bit nhưng 64bit
vẫn hoạt động bình thường.

SV: Đồng Mạnh Hùng

Page 13


Báo Cáo Thực Tập Tốt Nghiệp

Hình 1.6: Phiên bản xampp mới nhất trên trang chủ của xampp

Sau khi tải file cài đặt về xong, hãy chạy nó, sau đó chọn Next.

SV: Đồng Mạnh Hùng

Page 14


Báo Cáo Thực Tập Tốt Nghiệp

Hình 1.7: Cài đặt xampp
Ở phần chọn đường dẫn, bạn hãy chọn đường dẫn cần lưu cài đặt của
XAMPP. Lưu ý rằng đường dẫn này bạn phải nhớ vì khi cài đặt web lên localhost,
bạn phải truy cập vào thư mục này. Bạn nên để mặc định là c:\xampp. Tiếp tục ấn
Next.

SV: Đồng Mạnh Hùng

Page 15

Báo Cáo Thực Tập Tốt Nghiệp
Hình 1.8: Cài đặt xampp
Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP“.
Và ấn Next 2 lần nữa để bắt đầu quá trình cài đặt XAMPP.

Hình 1.9: Cài đặt xampp

Sau khi cài xong, ấn nút Finish để kết thúc cài đặt và mở bảng điều khiển của
XAMPP. Tuy nhiên, hãy khởi động lại máy sau khi cài đặt xong để tránh tình trạng
không khởi động được localhost.
SV: Đồng Mạnh Hùng

Page 16


Báo Cáo Thực Tập Tốt Nghiệp

SV: Đồng Mạnh Hùng

Page 17


Báo Cáo Thực Tập Tốt Nghiệp

Khởi động Localhost
Bây giờ bạn hãy vào thư mục c:\xampp và mở file xampp-panel.exe lên để bật
bảng điều khiển của XAMPP.

Hình 1.10:Giao diện xampp khi khởi động lên
Bạn để ý sẽ thấy hai ứng dụng Apache và MySQL có nút Start, đó là dấu hiệu
bảo 2 ứng dụng này chưa được khởi động, hãy ấn vào nút Start của từng ứng dụng để
khởi động Webserver Apache và MySQL Server lên thì mới chạy được localhost.
Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động
thành công.

SV: Đồng Mạnh Hùng

Page 18


Báo Cáo Thực Tập Tốt Nghiệp

Hình 1.11: Giao diện xampp khi bắt đầu apache và mysql
Sau khi khởi động xong, bạn hãy truy cập vào website với địa chỉ là
http://localhost:3030 sẽ thấy nó hiển thị ra trang giới thiệu XAMPP như hình dưới.

SV: Đồng Mạnh Hùng

Page 19


Báo Cáo Thực Tập Tốt Nghiệp
Hình 1.12:Giao diện localhost

SV: Đồng Mạnh Hùng

Page 20

Báo Cáo Thực Tập Tốt Nghiệp

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
1. SƠ ĐỒ USECASE TỔNG QUÁT HỆ THỐNG QUẢN LÝ CỔ ĐÔNG

Hình 2.1:Sơ đồ usecase tổng quát hệ thống quản lý cổ đông

Danh sách các Actor
ST

Tên Actor

Ý nghĩa/Ghi chú

T
1
2

Quan tri trang
Nhan vien

Nhân viên quản trị hệ thống
Toàn nhân viên trong công ty

Danh sách các USE-CASE
ST

Use-case

Ý nghĩa

T
1
2
3
4
5
6
7
8
9

DangNhap/DangXuat
QuanLyTaiKhoan
QuanLyCoDong
QuanLyCongTy
QuanLyCongTyNiemYet
QuanLyGiaoDich
QuanLyCongTyTuVanNiemYet
QuanLyCongTyKiemToan
QuanLyTinTuc

Đăng nhập/Đăng xuất
Quản lý tài khoản
Quản lý cổ đông
Quản lý công ty
Quản lý công ty niêm yết
Quản lý giao dịch
Quản lý công ty tư vấn niêm yết

Quản lý công ty kiểm toán
Quản lý tin tức

SV: Đồng Mạnh Hùng

Page 21


Báo Cáo Thực Tập Tốt Nghiệp

2. SƠ ĐỒ USECASE MỨC PHÂN RÃ
Use-case phân rã chức năng đăng nhập/đăng xuất

Hình 2.2: Sơ đồ usecase phân rã chức năng đăng nhập/đăng xuất
Use-case phân rã chức năng quản lý tài khoản

Hình 2.3: Sơ đồ usecase phân rã chức năng quản lý tài khoản

SV: Đồng Mạnh Hùng

Page 22


Báo Cáo Thực Tập Tốt Nghiệp

SV: Đồng Mạnh Hùng

Page 23

Báo Cáo Thực Tập Tốt Nghiệp
Use-case phân rã chức năng quản lý cổ đông

Hình 2.4: Sơ đồ usecase phân rã chức năng quản lý cổ đông
Use-case phân rã chức năng quản lý công ty

Hình 2.5: Sơ đồ usecase phân rã chức năng quản lýcông ty

SV: Đồng Mạnh Hùng

Page 24


Báo Cáo Thực Tập Tốt Nghiệp
Use-case phân rã chức năng quản lý công ty niêm yết

Hình 2.6: Sơ đồ usecase phân rã chức năng quản lý công tyniêm yết
Use-case phân rã chức năng quản lý sàn giao dịch

Hình 2.7: Sơ đồ usecase phân rã chức năng quản lýsàn giao dịch

SV: Đồng Mạnh Hùng

Page 25