49
ĐẠI HC QUC GIA THÀNH PHHCHÍ MINH TRƢỜNG ĐẠI HC KHOA HC TNHIÊN KHOA ĐIỆN T- VIN THÔNG TRUNG TÂM ĐÀO TẠO QUN TRMNG VÀ AN NINH MNG QUC TATHENA BÁO CÁO THC TP ĐỀ TÀI : XÂY DNG PHN MM QUN LÝ SINH VIÊN HC SINH Ngƣời hƣớng dn : Thy Võ Đỗ Thng Sinh viên thc tp : Trần Văn Anh Mã ssinh viên : 1120008 Thi gian thc tp: 14/07/2014 14/9/2014 TP. HChí Minh - năm 2014

BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

Embed Size (px)

DESCRIPTION

Đề tài : Ứng dụng web xây dựng phầm mềm quản lý học sinh - sinh viên

Citation preview

Page 1: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH

TRƢỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN

KHOA ĐIỆN TỬ - VIỄN THÔNG

TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG

VÀ AN NINH MẠNG QUỐC TẾ

ATHENA

BÁO CÁO THỰC TẬP

ĐỀ TÀI :

XÂY DỰNG PHẦN MỀM QUẢN LÝ

SINH VIÊN – HỌC SINH

Ngƣời hƣớng dẫn : Thầy Võ Đỗ Thắng

Sinh viên thực tập : Trần Văn Anh

Mã số sinh viên : 1120008

Thời gian thực tập: 14/07/2014 14/9/2014

TP. Hồ Chí Minh - năm 2014

Page 2: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH

TRƢỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN

KHOA ĐIỆN TỬ - VIỄN THÔNG

TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG

VÀ AN NINH MẠNG QUỐC TẾ

ATHENA

BÁO CÁO THỰC TẬP

ĐỀ TÀI :

XÂY DỰNG PHẦN MỀM QUẢN LÝ

SINH VIÊN – HỌC SINH

Ngƣời hƣớng dẫn : Thầy Võ Đỗ Thắng

Sinh viên thực tập : Trần Văn Anh

Mã số sinh viên : 1120008

Thời gian thực tập: 14/07/2014 14/9/2014

TP. Hồ Chí Minh - năm 2014

Page 3: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 1

TRÍCH YẾU

Ngày nay, khi nền khoa học kỹ thuật phát triển cao, dân số thế giới cũng

ngày càng tăng, kéo theo đó là số lƣợng học sinh, sinh viên cũng ngày càng tăng

cao. Đây vừa là thuận lợi, cũng là thách thức đối với các hệ thống quản lý của nhà

trƣờng. Để giải quyết bài toán trên, đòi hỏi cần có một hệ thống quản lý hoàn chỉnh

và một công cụ hỗ trợ tốt.

Các công cụ hỗ trợ cho việc quản lý thông tin nói chung và quản lý học sinh

– sinh viên nói riêng cũng trải qua nhiều giai đoạn phát triển. Khi máy tính chƣa

phát triển, con ngƣời sử dụng lƣu trữ thông tin trên giấy tờ. Điều này khiến cho việc

ghi chép, tìm kiếm cũng nhƣ thống kê tốn nhiều thời gian. Khi máy tính phát triển

và dần đƣợc đƣa vào sử dụng phổ biến, rộng rãi, việc lƣu trữ đƣợc thực hiện dễ

dàng hơn với việc ra đời các phần mềm thông tin trên máy tính. Việc tìm kiếm,

thống kê tiết kiệm nhiều thời gian hơn. Khi mạng Internet đƣợc phổ biến, để giải

quyết vấn đề đồng bộ, việc lƣu trữ, truy cập thông tin đƣợc chuyển từ phần mềm

trên máy tính sang ứng dụng web trên mạng Internet. Việc này khiến cho các hoạt

động quản lý đƣợc thực hiện ở bất cứ nơi nào.

Trong thời gian thực tập từ ngày 14/7/2014 đến 14/9/2014, tôi đã hoàn thành

một ứng dụng web hỗ trợ cho việc quản lý học sinh – sinh viên. Thông qua công

việc này, tôi hiểu rõ hơn về cách quản lý của nhà trƣờng, cách thức thành lập một

ứng dụng web cũng nhƣ đƣợc làm việc trong môi trƣờng thực tế. Công việc này

giúp tôi cọ sát thực tế nhiều hơn, áp dụng lý thuyết học đƣợc trong trƣờng vào thực

tế. Đồng thời, tôi đã tích lũy thêm nhiều kinh nghiệm, nâng cao kiến thức cho bản

thân.

Tôi cam kết kết quả đạt đƣợc do tôi tự thực hiện dƣới sự hƣớng dẫn của thầy

Võ Đỗ Thắng tại trung tâm Athena. Quá trình thực hiện đƣợc tôi ghi lại bằng clip.

Page 4: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 2

Danh sách các Clip :

Giới thiệu bản thân, đề tài : http://youtu.be/mkPR3MyGUkQ

Các Slide và clip báo cáo hàng tuần :

Báo cáo tuần 1: http://www.slideshare.net/tranvananh2407/bo-co-thc-tp-tun-

1-37459337

Clip thuyết trình: http://youtu.be/zaptviRJh7s

Báo cáo tuần 2: http://www.slideshare.net/tranvananh2407/bo-co-tun-2-

37614382

Clip thuyết trình: http://youtu.be/IvQHGOXXK3s

Báo cáo tuần 3: http://www.slideshare.net/tranvananh2407/bo-co-tun-3-ti-

ng-dng-web-xy-dng-phn-mm-qun-l-sinh-vin-hc-sinh

Clip báo thuyết trình: http://youtu.be/NzDNYojwokw

Báo cáo tuần 4: http://www.slideshare.net/tranvananh2407/bo-co-tun-4-

38181008

Clip thuyết trình: http://youtu.be/YJX-TPPqRlc

Báo cáo tuần 5: http://www.slideshare.net/tranvananh2407/baocaotu an5

Clip thuyết trình: http://youtu.be/RNSIz_1Z-Xs

Báo cáo cuối kỳ

Báo cáo cuối kỳ : http://youtu.be/RIQvbkq1oz8

File báo cáo

Slide báo cáo:

Source code: http://www.mediafire.com/download/cllaucflpcso28y/qlsv.rar

Page 5: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 3

LỜI CẢM ƠN

Trƣờng Đại học Khoa Học Tự Nhiên TPHCM

Khoa Điện Tử Viễn Thông

Tôi xin chân thành cảm ơn trƣờng Đại học Khoa Học Tự Nhiên TPHCM,

khoa Điện - Tử Viễn Thông đã tạo điều kiện cho tôi có cơ hội thực tập trong môi

trƣờng thực tế. Qua đó, tôi có thể áp dụng những kiến thức mình đã tiếp thu trong

trƣờng, đồng thời, tôi cũng biết đƣợc những ƣu điểm, khuyết điểm của mình.

Những kinh nghiệm đó sẽ là hành trang của tôi trong công việc sau này.

Tôi cũng xin cám ơn quý thầy cô trong khoa đã nhiệt tình truyền đạt những

kiến thức quý báu, những nền tảng vững chắc để tôi có thể hoàn thành tốt đợt thực

tập này.

Trong suốt quá trình học tập và thực hiện đề tài này, mặc dù đã cố gắng rất

nhiều, nhƣng do trình độ hiểu biết và kinh nghiệm chƣa nhiều nên tôi cũng không

thể tránh khỏi những thiếu sót. Rất mong đƣợc sự góp ý tận tình và cảm thông của

tất cả mọi ngƣời để tôi có thể rút đƣợc kinh nghiệm cho tƣơng lai sau này.

Một lần nữa tôi xin chân thành cảm ơn trƣờng và khoa.

Hồ Chí Minh, Ngày 28 tháng 7 năm 2014

Sinh viên thực tập

Trần Văn Anh

Page 6: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 4

LỜI CẢM ƠN

Trung tâm Đào tạo Quản trị & An ninh mạng Quốc tế Athena

Tôi xin chân thành cảm ơn Ban giám đốc Trung tâm Đào tạo Quản trị & An

ninh mạng Quốc tế Athena, thầy Võ Đỗ Thắng và các anh chị, bạn bè trong trung

tâm đã tận tình giúp đỡ, tạo một môi trƣờng thực tập tốt cho tôi trong thời gian thực

tập vừa qua.

Trong đợt thực tập này, tôi đã có đƣợc những kinh nghiệm quý báu tạo điều

kiện cho tôi thực hiện tốt công việc sau này.

Tôi đã nỗ lực thực hiện tốt đợt thực tập này, tuy nhiên không tránh khỏi có

những sai sót nhỏ khiến cho kết quả thực tập không đƣợc tốt nhất. Tôi mong đƣợc

trung tâm có những chia sẻ tận tình để tôi có thể hoàn thành tốt trong tƣơng lai về

sau.

Một lần nữa, tôi xin chân thành cảm ơn.

Hồ Chí Minh, Ngày 28 tháng 7 năm 2014

Sinh viên thực tập

Trần Văn Anh

Hình 1: Hình chụp chung của giáo viên hƣớng dẫn (Thầy Võ Đỗ Thắng) với sinh

viên thực tập (Trần Văn Anh)

Page 7: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 5

LỜI NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

Page 8: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 6

LỜI NHẬN XÉT CỦA TRUNG TÂM ATHENA

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

Page 9: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 7

LỜI NHẬN XÉT CỦA TRƢỜNG & KHOA

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

Page 10: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 8

MỤC LỤC

TRÍCH YẾU .............................................................................................................. 1

LỜI CẢM ƠN ............................................................................................................ 3

LỜI NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN ............................................... 5

LỜI NHẬN XÉT CỦA TRUNG TÂM ATHENA .................................................... 6

LỜI NHẬN XÉT CỦA TRƢỜNG & KHOA ........................................................... 7

MỤC LỤC ................................................................................................................. 8

MỤC LỤC HÌNH ẢNH ........................................................................................... 10

DANH MỤC BẢNG ............................................................................................... 11

GIỚI THIỆU TỔNG QUAN VỀ TRUNG TÂM ATHENA ................................... 12

MỞ ĐẦU ................................................................................................................. 14

1. Mục tiêu của đề tài ................................................................................... 14

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

3. Phƣơng pháp nghiên cứu:......................................................................... 14

CHƢƠNG 1: GIỚI THIỆU PHÂN TÍCH ĐỀ TÀI ................................................. 15

1.1. Phân tích quá trình quản lý học sinh – sinh viên .................................. 15

1.2. Công cụ sử dụng ................................................................................... 16

1.2.1. Ngôn ngữ lập trình HTML, PHP, CSS và JAVASCRIPT ......... 16

1.2.2. Cơ sở dữ liệu MySQL ................................................................. 17

1.2.3. Notepad++ .................................................................................. 18

1.3. Thiết kế cơ sở dữ liệu logic với ERD ( Entity Relation Diagram) ....... 20

CHƢƠNG 2 : XÂY DỰNG ỨNG DỤNG WEB .................................................... 21

2.1. Database ................................................................................................... 21

2.1.1. Giới thiệu hệ quản trị dữ liệu MySQL .......................................... 21

2.1.2. Dữ liệu Database ........................................................................... 22

2.2. Xác định các module chức năng ............................................................... 25

2.2.1. Module đăng nhập phân quyền ..................................................... 25

2.2.2. Module quản lý sinh viên .............................................................. 26

Page 11: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 9

2.2.3. Module thống kê ......................................................................... 31

2.2.4. Trang thông tin, thông báo .......................................................... 34

2.3. Thiết kế giao diện ................................................................................. 35

2.3.1. Header ........................................................................................... 36

2.3.2. Container ..................................................................................... 37

2.3.3. Footer .......................................................................................... 39

CHƢƠNG 3: TRIỂN KHAI ỨNG DỤNG TRÊN VPS( SEVER CHẠY TRÊN

INTERNET) .............................................................................................................. 40

3.1. Đăng ký domain .................................................................................... 40

3.2. Đăng ký hosting free ............................................................................. 40

3.3. Triển khai hệ thống web ....................................................................... 41

3.3.1. Tài khoản ftp (file transfer protocol) .......................................... 42

3.3.2. Database MySQL ........................................................................ 43

CHƢƠNG 4: KẾT LUẬN VÀ KIẾN NGHỊ .......................................................... 45

4.1. Kết luận ................................................................................................... 45

4.1.1. Ƣu điểm ......................................................................................... 45

4.1.2. Nhƣợc điểm ................................................................................... 46

4.2. Kiến nghị ................................................................................................. 46

Tài liệu kham khảo .............................................................................................. xlvii

Page 12: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 10

MỤC LỤC HÌNH ẢNH

Hình 1: Hình chụp chung của giáo viên hƣớng dẫn (Thầy Võ Đỗ Thắng) với sinh

viên thực tập (Trần Văn Anh) ..................................................................................... 4

Hình 2: Trung tâm ATHENA–92 Nguyễn Đình Chiểu, DaKao, Q1, Tp HCM ....... 13

Hình 1. 1: Sơ đồ thực thể ERD ................................................................................. 20

Hình 2. 1: Giao diện trang đăng nhập ....................................................................... 25

Hình 2. 2: Giao diện trang thao tác của giảng viên ................................................... 26

Hình 2. 3: Giao diện thêm sinh viên ......................................................................... 27

Hình 2. 4: Thông tin sinh viên .................................................................................. 27

Hình 2. 5: Giao diện sửa thông tin sinh viên ............................................................ 28

Hình 2. 6: Xóa sinh viên ........................................................................................... 28

Hình 2. 7: Giao diện thêm điểm cho sinh viên.......................................................... 29

Hình 2. 8: Giao diện trang tra cứu thông tin sinh viên.............................................. 30

Hình 2. 9: Giao diện trang tra cứu kết quả học tập ................................................... 31

Hình 2. 10: Giao diện trang thống kê môn học ......................................................... 32

Hình 2. 11: Giao diện trang thống kê sinh viên đậu ................................................. 32

Hình 2. 12: Giao diện trang thống kê sinh viên rớt ................................................... 33

Hình 2. 13: Giao diện trang sinh viên nợ học phí ..................................................... 33

Hình 2. 14: Giao diện trang thông tin khoa............................................................... 34

Hình 2. 15: Giao diện trang thông báo đóng học phí ................................................ 35

Hình 2. 16: Menu ...................................................................................................... 37

Hình 2. 17: Banner 1 ................................................................................................. 38

Hình 2. 18: Banner 2 ................................................................................................. 38

Hình 2. 19: Main-container ....................................................................................... 39

Hình 2. 20: Footer ..................................................................................................... 39

Hình 3. 1: Trang đăng kí Domain ............................................................................. 40

Hình 3. 2: Trang đăng ký tài khoản hosting free. ..................................................... 41

Hình 3. 3: Trang chủ serverfree.com ........................................................................ 41

Hình 3. 4: Giao diện phầnm mềm Total Commander ............................................... 42

Hình 3. 5: Trang tạo một MySQL database .............................................................. 43

Page 13: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 11

Hình 3. 6: Trang upload database bằng PhpMyAdmin ............................................. 43

Hình 3. 7: MySQL trên trang quản lý hosting .......................................................... 44

DANH MỤC BẢNG

Bảng 2- 1: Sinh_Vien ................................................................................................ 22

Bảng 2- 2: Hoc_Ky ................................................................................................... 22

Bảng 2- 3: Khoa ........................................................................................................ 22

Bảng 2- 4: Mon_Hoc ................................................................................................. 22

Bảng 2- 5: Diem ........................................................................................................ 23

Bảng 2- 6: Giang_Vien ............................................................................................ 24

Bảng 2- 7: Hoc_Phi ................................................................................................... 24

Bảng 2- 8: Login ....................................................................................................... 24

Page 14: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 12

GIỚI THIỆU TỔNG QUAN VỀ TRUNG TÂM ATHENA

Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA

đƣợc thành lập từ năm 2004, là một tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy

năng động, nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, với tâm huyết góp

phần vào công cuộc thúc đẩy tiến trình đƣa công nghệ thông tin là ngành kinh tế

mũi nhọn, góp phần phát triển nƣớc nhà .

Lĩnh vực hoạt động chính:

+ Trung tâm ATHENA đã và đang tập trung chủ yếu vào đào tạo chuyên

sâu quản trị mạng, an ninh mạng, thƣơng mại điện tử theo các tiêu chuẩn quốc tế

của các hãng nổi tiếng nhƣ Microsoft, Cisco, Oracle, Linux LPI , CEH,... Song song

đó, trung tâm ATHENA còn có những chƣơng trình đào tạo cao cấp dành riêng

theo đơn đặt hàng của các đơn vị nhƣ Bộ Quốc Phòng, Bộ Công An , ngân hàng,

doanh nghiệp, các cơ quan chính phủ, tổ chức tài chính..

+ Sau gần 10 năm hoạt động, nhiều học viên tốt nghiệp trung tâm ATHENA

đã là chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho

nhiều bộ ngành nhƣ Cục Công Nghệ Thông Tin - Bộ Quốc Phòng , Bộ Công An, Sở

Thông Tin Truyền Thông các tỉnh, bƣu điện các tỉnh, ...

+ Ngoài chƣơng trình đào tạo, Trung tâm ATHENA còn có nhiều chƣơng

trình hợp tác và trao đổi công nghệ với nhiều đại học lớn nhƣ đại học Bách Khoa

Thành Phố Hồ Chí Minh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học Viện Bƣu

Chính Viễn Thông, Hiệp hội an toàn thông tin (VNISA), Viện Kỹ Thuật Quân Sự ...

Đội ngũ giảng viên :

+ Tất cả các giảng viên trung tâm ATHENA có đều tốt nghiệp từ các trƣờng

đại học hàng đầu trong nƣớc .... Tất cả giảng viên ATHENA đều phải có các chứng

chỉ quốc tế nhƣ MCSA, MCSE, CCNA, CCNP, Security+, CEH, có bằng sƣ phạm

Quốc tế (Microsoft Certified Trainer).Đây là các chứng chỉ chuyên môn bắt buộc để

đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA.

Page 15: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 13

+ Bên cạnh đó, các giảng viên ATHENA thƣờng đi tu nghiệp và cập nhật

kiến thức công nghệ mới từ các nƣớc tiên tiến nhƣ Mỹ , Pháp, Hà Lan, Singapore,...

và truyền đạt các công nghệ mới này trong các chƣơng trình đào tạo tại trung tâm

ATHENA.

Cơ sở vật chất:

+ Thiết bị đầy đủ và hiện đại

+ Chƣơng trình cập nhật liên tục, bảo đảm học viên luôn tiếp cận với những

công nghệ mới nhất.

+ Phòng máy rộng rãi, thoáng mát

Dịch vụ hỗ trợ:

+ Đảm bảo việc làm cho học viên tốt nghiệp khoá dài hạn

+ Giới thiệu việc làm cho mọi học viên

+ Thực tập có lƣơng cho học viên khá giỏi

+ Ngoài giờ học chính thức, học viên đƣợc thực hành thêm miễn phí, không

giới hạn thời gian.

+ Hỗ trợ kỹ thuật không thời hạn trong tất cả các lĩnh vực liên quan đến máy

tính, mạng máy tính, bảo mật mạng

+ Hỗ trợ thi Chứng chỉ Quốc tế.

Hình 2: Trung tâm ATHENA–92 Nguyễn Đình Chiểu, DaKao, Q1, Tp HCM

Page 16: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 14

MỞ ĐẦU

1. Mục tiêu của đề tài

Xây dựng một ứng dụng nhằm mục đích đổi mới công tác quản lý, theo dõi

và thống kê thông tin sinh.

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

Đối tƣợng nghiên cứu: Thông tin học sinh, sinh viên.

Phạm vi nghiên cứu: Khả năng ứng dụng và lợi ích mà ứng dụng

web mang lại cho các trƣờng học và kết quả sẽ triển khai ứng dụng chạy trên

Internet (trên server VPS, server kết nối Internet).

3. Phƣơng pháp nghiên cứu:

Phƣơng pháp nghiên cứu tự luận:

- Phân tích quy trình quản lý sinh viên của trƣờng ( data input/ data output)

với sơ đồ quan hệ ERD( tên sinh viên, năm sinh, địa chỉ, chuyên ngành, môn

học,…).

- Xây dựng cơ chế thống kê theo yêu cầu ( Thống kê điểm, thống kê theo học

kỳ, nợ môn, thi rớt, …).

Phƣơng pháp lấy ý kiến chuyên gia: Lấy ý kiến giảng viên trực tiếp

hƣớng dẫn, các giảng viên trong và ngoài bộ môn để hoàn thiện về mặt nội dung

và hình thức của bài báo cáo.

Page 17: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 15

CHƢƠNG 1: GIỚI THIỆU PHÂN TÍCH ĐỀ TÀI

1.1. Phân tích quá trình quản lý học sinh – sinh viên

Công việc quản lý học sinh – sinh viên bao gồm: Các hoạt động nhƣ cập nhật

thông tin sinh viên( thêm, sửa, xóa), cập nhật điểm, … Ngoài ra, còn có các hoạt

động truy xuất nhƣ xem điểm, xem thông tin sinh viên, học phí …

Nhƣ vậy, với các công việc trên thì ứng dụng đƣợc tạo ra phải đáp ứng đƣợc

những nội dung cơ bản sau:

Cho phép xem điểm, thông tin học phí của sinh viên.

Cập nhật điểm số cho sinh viên.

Thêm, xóa sinh viên, sửa thông tin sinh viên.

Thống kê theo các yêu cầu: Thống kê điểm, thống kê theo học kỳ, nợ

môn, thi rớt, nợ học phí.

Từ các yêu cầu trên, ta có thể phân dữ liệu ra thành :

Nhóm dữ liệu vào :

Thông tin các đối tƣợng : Sinh viên, giảng viên, khoa, môn học,…

Các số liệu về học tập nhƣ : Điểm số, học phí, …

Các dữ liệu khác nhƣ thông báo,…

Nhóm dữ liệu ra :

Các dữ liệu nhƣ điểm thi, thông tin học phí, …

Các thống kê nhƣ thống kê theo học kì, danh sách nợ học phí,

danh sách sinh viên đậu, rớt …

Page 18: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 16

1.2. Công cụ sử dụng

1.2.1. Ngôn ngữ lập trình HTML, PHP, CSS và JAVASCRIPT

Giới thiệu về HTML

HTML là ngôn ngữ dùng để mô tả một trang web.

HTML viết tắt của từ Hyper Text Markup Language.

HTML không phải là ngôn ngữ lập trình, html là ngôn ngữ đánh dấu (markup

language), ngôn ngữ đánh dấu là một nhóm các thẻ đánh dấu (các tag), HTML sử

dụng các thẻ này để mô tả trang web.

Cấu trúc cơ bản của trang HTML có dạng nhƣ sau, thƣờng gồm 3 phần:

- <!Doctype>: Phần khai báo chuẩn của html.

- <head></head>: Phần khai báo ban đầu, khai báo về meta , title , css ,

javascript…

- <body></body>: Phần chứa nội dung của trang web, nơi hiển thị nội

dung.

PHP: (viết tắt hồi quy "PHP: Hypertext Preprocessor")

Là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu đƣợc

dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục

đích tổng quát.

PHP là một ngôn ngữ lập trình máy chủ (Server) đƣợc tạo ra nhắm mục đích

tạo ra các Website “động” có tính tƣơng tác cao.

Cấu trúc câu lệnh của PHP khá giống với hai ngôn ngữ khác là C và Pascal

Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML.

Đoạn mã sau minh họa giúp cách viết PHP lồng vào các trang HTML.

Page 19: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 17

Do đƣợc tối ƣu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, 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

phổ biến nhất thế giới.

CSS là viết tắt của cụm từ "Cascading Style Sheet"

Là một ngôn ngữ quy định cách trình bày của các thẻ html trên trang web. Là

ngôn ngữ đang đƣợc sử dụng rất nhiều trong lập trình web, có thể nói CSS ra đời đã

tạo nên một cuộc cách mạng.

Đôi khi các bạn sẽ bối rối khi nhận thấy rằng các đoạn code mình viết hiển

thị không giống nhau trên các trình duyệt khác nhau, CSS sẽ giúp các bạn giải quyết

bài toán này.

CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình duyệt

gần nhƣ giống nhau,bằng cách quy định các thuộc tính cho thẻ HTML đó.

1.2.2. Cơ sở dữ liệu MySQL

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới

và đƣợc các nhà phát triển rất ƣa chuộng trong quá trình phát triển ứng dụng. Vì

MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt

động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.

Với tốc độ và tính bảo mật cao.

Page 20: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 18

MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet.

MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. Nó có

nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều

hành dòng Windows, Linux, Mac OSX, Solaris, SunOS, Unix, FreeBSD…

MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu

quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL).

MySQL đƣợc sử dụng cho việc bổ trợ PHP, Perl, và nhiều ngôn ngữ khác,

nó làm nơi lƣu trữ những thông tin trên các trang web viết bằng PHP hay Perl,...

1.2.3. Notepad++

Notepad++ là một phần mềm soạn thảo mã nguồn hoàn toàn miễn phí hỗ trợ

đa ngôn ngữ lập trình, hoạt động trong môi trƣờng Microsoft Windows. Ngoài ra,

Notepad++ là thay thế hoàn hảo cho Notepad cổ điển xƣa, không những về mặt tính

năng mà cả về giao diện tƣơng tác đều cho thấy sự đẳng cấp vƣợt bậc.

Notepad++ phát triển dựa trên nền tảng Scintilla (một trình soạn thảo vô

cùng mạnh mẽ), đƣợc viết bởi ngôn ngữ C++ với lõi win32 thuần túy (tức là không

chứa MFC, nhằm đảm bảo tốc độ thực thi cao cũng nhƣ tạo nên một chƣơng trình

với kích thƣớc nhỏ gọn) và giấy phép GPL.

Một số những tính năng của Notepad++ đƣợc sử dụng trong việc xây dựng

ứng dụng web của tôi : Hỗ trợ nhiều ngôn ngữ khác nhau, cụ thể: C, C++, Java, C#,

XML, HTML, PHP, Javascript, RC resource file, makefile, ASCII art file (.nfo),

doxygen, ini file, batch file), ASP, VB/VBS source files, SQL, Objective-C, CSS,

Pascal, Perl, Python và Lua.

Ngoài ra Notepad++ còn có những tính năng sau:

WYSIWYG: Nếu bạn có một máy in màu, khi tiến hành in một bản

mã hay bất kì gì bạn muốn có đƣợc từ Notepad++ thì kết quả thu đƣợc không khác

gì "anh tôi sinh đôi".

Bộ cấu hình Style: Mỗi một style hỗ trợ cho từng ngôn ngữ, ngƣời

dung có thể thay đổi màu tùy ý cho background/foreground, font chữ, kích thƣớc

hay định dạng font thông qua hộp hội thoại Style Configurator.

Page 21: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 19

Notepad++ cho phép ngƣời dùng xác định ngôn ngữ riêng của mình:

không chỉ tô sáng cú pháp của các từ khóa, mà còn đồng thời uốn nếp chúng, cũng

nhƣ các từ khóa chú thích hay các toán tử...

Multi-Document và Multi-view: tại cùng một thời điểm, ngƣời dùng

có thể tƣơng tác chỉnh sửa, soạn thảo cũng nhƣ hiển thị, xem nhiều tài liệu khác

nhau.

Hỗ trợ tìm kiếm chính xác các chuỗi có trong bản soạn thảo mã

nguồn.

Hỗ trợ tính năng Kéo & Thả.

Thiết đặt vị trí cửa sổ với hai chế độ: ngang hoặc dọc.

Tự động phát hiện trạng thái File: Nếu bạn thay đổi hoặc xóa một file

mà đƣợc mở bởi Notepad++, bạn sẽ đƣợc thông báo để cập nhật tài liệu của bạn

(reload file hoặc remove file).

Tính năng phóng to và thu nhỏ giúp dễ dàng hơn trong khi soạn thảo

cũng nhƣ xem mã nguồn.

Hỗ trợ nhiều ngôn ngữ ngƣời dùng nhƣ Trung Quốc, Nhật Bản, Hàn

Quốc....

Bookmark: Đơn giản ngƣời dùng chỉ cần kích lên lề Bookmark (vị trí

bên cạnh các dòng số bên tay phải) hoặc đồng nhấp tổ hợp phím Ctrl+F2 để dịch

chuyển một bookmark. Một số thao tác cơ bản: F2 (chuyển tiếp bookmark),

Shift+F2 (quay về bookmark trƣớc). Xóa tào bộ bookmark, click lên Menu>>Clear

All Bookmarks.

Ƣu điểm của Notepad++:

Khởi động và làm việc nhanh

Dung lƣợng nhỏ gọn, cài đặt nhanh

Gợi ý từ khóa (một số ngôn ngữ)

Giao diện dễ nhìn, thân thiện

Hỗ trợ nhiều ngôn ngữ (48 ngôn ngữ lập trình)

Page 22: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 20

Notepad ++ là phần mềm nhẹ nhất và hỗ trợ ngôn ngữ nhiều nhất hiện nay,

với những ngƣời mới bƣớc chân vào lập trình thƣờng dùng phần mềm này đầu tiên

rồi sau đó nâng cấp lên dùng các phần mềm nặng hơn nhƣ Adobe

Dreamweaver, PhpStorm, …

Nhƣợc điểm của Notepad++:

Có những hạn chế trong các tính năng bổ sung trong các phiên bản. Những

tính năng của notepad++ chƣa thể ngang bằng với các trình soạn code web.

1.3. Thiết kế cơ sở dữ liệu logic với ERD ( Entity Relation Diagram)

Dựa trên theo các mục tiêu và phƣơng pháp nghiên cứu, tôi rút ra đƣợc sơ đồ

thực thể ERD nhƣ sau :

Hình 1. 1: Sơ đồ thực thể ERD

Page 23: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 21

CHƢƠNG 2 : XÂY DỰNG ỨNG DỤNG WEB

2.1. Database

2.1.1. Giới thiệu hệ quản trị dữ liệu MySQL

Hệ quản trị dữ liệu MySQL có những khái niệm cơ bản trong một CSDL là:

- Bảng(Table) là đối tƣợng chính của mô hình quan hệ, bảng ghi chép

DL về một nhỏm phần từ gọi là thực thể.

- Thực thể( Entity) là một nhóm ngƣời, đồ vật, sự kiện, hiện tƣợng hay

khái niệm với các đặc điểm và tính chất cần ghi chép, lƣu giữ.

- Dòng( Row): mỗi bảng có nhiều dòng. Mỗi dòng còn đƣợc gọi là một

bản ghi bởi vì nó ghi chép DL về một cá thể tức là biểu hiện riêng biệt của thực thể.

- Cột(Column): mồi bảng có những cột. Mỗi cột còn đƣợc gọi là một

trƣởng. Giao giữa một cột và một dòng là một ô chứa mẫu DL ghĩ chép một thuộc

tính của cá thể trên dòng đó.

- CSDL(Database) là một nhóm gồm một hay nhiều bảng với nhau.

- Hệ CSDL( Database System) là tuyển tập cơ sở dữ liệu có liên quan

mật thiết với nhau.

- Hệ quản trị CSDL(Database Management System) là một hệ thống

chƣơng trình giúp tạo lập, duy trì sử dụng các hệ CSDL.

Page 24: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 22

-

2.1.2. Dữ liệu Database

Bảng 2- 1: Sinh_Vien

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

MaSinhVien VARCHAR 10 Mã sinh viên

HoSinhVien VARCHAR 45 Họ sinh viên

TenSinhVien VARCHAR 45 Tên sinh viên

Phai BIT 3 Phái

NgaySinh DATETIME Ngày sinh

NoiSinh VARCHAR 45 Nơi sinh

MaKhoa VARCHAR 10 Mã khoa

Bảng 2- 2: Hoc_Ky

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

HocKy VARCHAR 10 Học kỳ

NgayBatDau DATETIME Ngày bắt đầu học

NgayKetThuc DATETIME Ngày kết thúc

Bảng 2- 3: Khoa

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

MaKhoa VARCHAR 10 Mã khoa

TenKhoa VARCHAR 45 Tên khoa

Page 25: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 23

Bảng 2- 4: Mon_Hoc

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

MaMonHoc VARCHAR 10 Mã môn học

TenMonHoc VARCHAR 45 Tên môn học

SoTiet INT 11 Số tiết

MaKhoa VARCHAR 10 Mã khoa

MaGiangVien VARCHAR 10 Mã giảng viên

HocKy VARCHAR 10 Học kỳ

Bảng 2- 5: Diem

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

MaSinhVien VARCHAR 10 Mã sinh viên

MaMonHoc VARCHAR 10 Mã môn học

Diem INT 11 Điểm

Page 26: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 24

Bảng 2- 6: Giang_Vien

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

MaGiangVien VARCHAR 10 Mã giảng viên

HoTenGiangVien VARCHAR 45 Họ tên giảng viên

GioiTinh BIT 3 Giới Tính

NgaySinh DATETIME Ngày sinh

DiaChi VARCHAR 45 Địa chỉ

Bảng 2- 7: Hoc_Phi

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

MaSinhVien VARCHAR 10 Mã Sinh viên

TienHocPhi DOUBLE Tiền học phí

NgayNop DATETIME Ngày bắt đầu nộp

HanNop DATETIME Hạn nộp học phí

HocKy VARCHAR 10 Học kỳ

Bảng 2- 8: Login

Thuộc tính Kiểu Độ rộng Chú thích

ID INT 11 ID

Username VARCHAR 5 Tên đăng nhập (Mã

giảng viên)

Pass VARCHAR 100 Mật khẩu

Hoten VARCHAR 45 Họ tên ngƣời đăng

nhập

Page 27: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 25

2.2. Xác định các module chức năng

Ứng dụng web sử dụng notepad++ để làm nền tảng lập trình, sử dụng

XAMPP để thiết lập máy chủ ảo localhost trên máy.

Đề tài của tôi đã thực hiện đƣợc các ứng dụng web căn bản nhƣ sau:

Thống kê điểm theo học kỳ

Thống kê sinh viên rớt, sinh viên đậu

Thống kê sinh viên nợ học phí

Thống kê môn học trong các học kỳ

Tìm kiếm thông tin sinh viên theo mã sinh viên

Tra cứu điểm theo mã sinh viên

Thêm sinh viên

Xóa sinh viên

Sửa thông tin sinh viên

Thêm điểm cho sinh viên

2.2.1. Module đăng nhập phân quyền

Trang đăng nhập chỉ dành cho giảng viên

Hình 2. 1: Giao diện trang đăng nhập

Page 28: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 26

2.2.2. Module quản lý sinh viên

Khi giảng viên đăng nhập thành công màn hình sẽ xuất hiện ra các thao tác

sau :

Thêm sinh viên

Thêm điểm

Sửa thông tin

Xóa thông tin

Hình 2. 2: Giao diện thao tác của giảng viên

Page 29: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 27

2.2.2.1. Thêm sinh viên

Hình 2. 3: Giao diện thêm sinh viên

2.2.2.2. Sửa thông tin sinh viên

Khi chọn vào chức năng sửa thông tin sinh viên, màn hình sẽ hiện ra bảng

thông tin của tất cả sinh viên. Muốn sửa thông tin sinh viên nào thì nhấp chuột vào

nút “sửa”.

Hình 2. 4: Thông tin sinh viên

Page 30: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 28

Giao diện sau khi nhấn nút “sửa”

Hình 2. 5: Giao diện sửa thông tin sinh viên

2.2.2.3. Xóa sinh viên

Hình 2. 6: Xóa sinh viên

Page 31: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 29

2.2.2.4. Thêm điểm cho sinh viên

Hình 2. 7: Giao diện thêm điểm cho sinh viên

2.2.2.5. Trang thông tin sinh viên

Để xem thông tin của từng sinh viên, ngƣời sử dụng sẻ tra cứu thông tin bằng

mã sinh viên , khi đó màn hình sẽ hiện ra những thông tin của sinh viên đang đƣợc

tìm kiếm :

Mã sinh viên

Họ sinh viên

Tên sinh viên

Phái

Ngày sinh

Nơi sinh

Page 32: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 30

Hình 2. 8: Giao diện trang tra cứu thông tin sinh viên

2.2.2.6. Tra cứu kết quả học tập

Việc tra cứu môn học sẽ đƣợc thực hiện dựa vào mã sinh viên. Sau khi nhập

mã sinh viên và nhấn vào nút “xem” thì màn hình sẽ hiện ra những thông tin cần

thiết liên quan đến kết quả học tập của sinh viên đó nhƣ sau :

Mã sinh viên

Họ tên sinh viên

Tên môn học

Điểm

Học kỳ

Page 33: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 31

Hình 2. 9: Giao diện trang tra cứu kết quả học tập

2.2.3. Module thống kê

2.2.3.1. Môn học

Trong một năm học sẽ có hai học kỳ, vì thế tôi sẽ xuất thông tin môn học ra

theo từng học kỳ. Trong phần menu – Môn học, mọi ngƣời có thể truy cập vào xem

, không phần quyền riêng cho bất kì cá nhân nào.

Trong trang môn học sẽ hiện ra bảng thông tin sau :

Mã môn học

Tên môn học

Họ tên sinh viên

Học kỳ

Giảng viên phụ trách

Page 34: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 32

Hình 2. 10: Giao diện trang thống kê môn học

2.2.3.2. Sinh viên đậu

Hình 2. 11: Giao diện trang thống kê sinh viên đậu

Page 35: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 33

2.2.3.3. Sinh viên rớt

Hình 2. 12: Giao diện trang thống kê sinh viên rớt

2.2.3.4. Sinh viên nợ học phí

Hình 2. 13: Giao diện trang sinh viên nợ học phí

Page 36: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 34

2.2.4. Trang thông tin, thông báo

2.2.4.1. Khoa

Menu – khoa sẽ nói về hệ thống thông tin của các khoa có trong trƣờng. Khi

ta chọn vào một khoa nào đó, trang web sẽ chuyển đến giao diện về thông tin cơ

bản của khoa đó nhƣ lịch sử hình thành, các chuyên ngành đạo tạo, hình ảnh của

khoa.

Các khoa hiện tại mà trang web tôi xây dựng:

Khoa Công Nghệ Thông Tin

Khoa Điện Tử Viễn Thông

Khoa Sinh Học

Khoa Môi Trƣờng

Khoa Thiên Văn

Khoa Địa Chất

Hình 2. 14: Giao diện trang thông tin khoa

Page 37: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 35

2.2.4.2. Thông báo đóng học phí

Hình 2. 15: Giao diện trang thông báo đóng học phí

2.3. Thiết kế giao diện

Layout trang web bao gồm :

Header : Banner ( sử dụng thƣ viện javascript-image-slider) với tên đề

tài và hình ảnh giới thiệu về trƣờng Đại học Khoa Học Tự Nhiên và

trung tâm ATHENA .

Container :

- Menu : Menu ngang để chuyển qua các chức năng mong muốn.

- Banner: Nhiều logo banner dọc bên trái để truy cập đến trang

web trƣờng Đại học Khoa Học Tự Nhiên và trung tâm ATHENA

cùng với các banner giới thiệu về các khóa học của trƣờng và

trung tâm.

- Main Container : Nút đăng nhập cho giảng viên và hiển thị thông

tin của trang web.

Footer: Thông tin liên hệ của trƣờng và trung tâm.

Page 38: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 36

2.3.1. Header

Trong phần này, tôi đặt hình ảnh của Trung tâm thực tập, tên đề tài và Trƣờng

Đại học Khoa Học Tự Nhiên làm header. Trong phần này, mục đích cơ bản là nhằm

mục tiêu nhấn mạnh thế mạnh của trang web, giới thiệu trung tâm…

Page 39: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 37

2.3.2. Container

2.3.2.1. Menu

Menu là một phần không thể thiếu trong các website. Thông qua việc phân

tích dữ liệu ta thấy CSDL quản lý học sinh – sinh viên có nhiều thông tin đầu vào

và ngƣời dùng phải thực hiện đúng qui trình nhập liệu cho dễ theo dối. Do vậy, hệ

thống cần thiết kế để ngƣời dùng dễ nhớ đƣợc thứ tự các bƣớc công việc.

- Mục đích: Lựa chọn các chức năng của chƣơng trình.

- Giao diện:

Hình 2. 16: Menu

Trong phần xây dựng ứng dụng web, tôi sẽ thiết kế dropdown – menu dựa

trên nền Jquery & CSS gồm có những mục chính sau :

Khoa

Giảng viên

Sinh viên

Môn học

Điểm

Học phí

Page 40: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 38

2.3.2.2. Banner

Nhiều logo banner dọc bên trái để truy cập đến trang web trƣờng Đại học

Khoa Học Tự Nhiên và trung tâm ATHENA cùng với các banner giới thiệu về các

khóa học của trƣờng và trung tâm.

Hình 2. 17: Banner 1

Hình 2. 18: Banner 2

Page 41: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 39

2.3.2.3. Main- container

Nút đăng nhập cho giảng viên và hiển thị thông tin của trang web.

Hình 2. 19: Main-container

2.3.3. Footer

Thông tin liên hệ của trƣờng và trung tâm

Hình 2. 20: Footer

Page 42: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 40

CHƢƠNG 3: TRIỂN KHAI ỨNG DỤNG TRÊN VPS( SEVER CHẠY

TRÊN INTERNET)

3.1. Đăng ký domain

Đăng ký domain quốc tế tại trang web http://www.pavietnam.vn/vn/

Hình 3. 1: Trang đăng kí Domain

3.2. Đăng ký hosting free

Trang web sử dụng server của serverfree.com

serverfree.com là trang web cung cấp dịch vụ hosting và database

miễn phí cho ngƣời dùng, và một số công cụ upload file chỉnh sửa file cũng nhƣ là

việc quản trị database, MySQL.

Để sử dụng dịch vụ của serverfree.com, ta vào trang serverfree.com

và đăng ký tài khoản hosting free.

Page 43: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 41

Hình 3. 2: Trang đăng ký tài khoản hosting free.

3.3. Triển khai hệ thống web

Đăng nhập:

Hình 3. 3: Trang chủ serverfree.com

Page 44: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 42

Sau khi đăng nhập bằng tài khoản, hệ thống sẽ cấp cho ta một số tiện ích nhƣ sau.

3.3.1. Tài khoản ftp (file transfer protocol)

Phần mềm Total Commander nhƣ là một ftp client để kết nối đến ftp server của

serverfree.

Hình 3. 4: Giao diện phầnm mềm Total Commander

Kiểm tra file upload bằng cách đăng nhập vào serverfree.com, chọn file manager

Page 45: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 43

3.3.2. Database MySQL

Tạo và quản lý database

Tạo một MySQL database mới

Hình 3. 5: Trang tạo một MySQL database

Upload database bằng cách PhpMyAdmin sau đó vào Import, chọn database cần

upload

Hình 3. 6: Trang upload database bằng PhpMyAdmin

Page 46: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 44

Truy xuất bảng, query dữ liệu bằng cách vào PhpMyAdmin sau đó vào Structure

Hình 3. 7: MySQL trên trang quản lý hosting

Page 47: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 45

CHƢƠNG 4: KẾT LUẬN VÀ KIẾN NGHỊ

4.1. Kết luận

4.1.1. Ƣu điểm

Về nội dung trang web:

- Dễ dàng cập nhật đầy đủ, nhanh chóng các thông tin về học sinh –

sinh viên.

- Dễ dàng sữa chữa, xoá các thông tin khi cần thiết.

- Tìm kiếm chính xác những yêu cầu liên quan về học sinh – sinh viên.

- Có thể thống kê chính xác thông tin về điểm, học phí…

- Dễ dàng liên kết các nội dung liên quan đến nhau.

Về cách thức thực hiện, giao diện trang web:

Theo thực tiễn hiện nay thì toàn bộ các giảng viên , cán bộ quản lý, học sinh,

sinh viên của trƣờng đều sử dụng thành thạo vi tính văn phòng và đều đã có máy

tính riêng và dễ dàng truy cập Internet. Vì vậy, trang web đã đạt đáp ứng đƣợc

những yêu cầu trên:

- ứng dụng web sử dụng đơn giản, không quá phức tạp để có thể không

nhiều thời gian cho việc làm quen với trang web mới.

- Giao diện trang web sống động, thân thiện, dễ nhìn.

- Chỉ một số nhân viên đƣợc quyền mới đƣợc sử dụng trang web.

Giải pháp đƣa ra

- Chọn giải pháp phù hợp và dễ thực hiện , đáp ứng đầy đủ những yêu

cầu của công tác quản lí nhân sự( học sinh – sinh viên), dễ sử dụng, dễ thay đổi

thông tin và có giao diện thân thiện.

- Việc xây dựng trang web có rất nhiều thuận lợi vì hệ thống máy tính

của các công ty đều đƣợc trang bị hiện đại và đƣợc cài đặt trình duyệt web. Bên

cạnh đó toàn bộ nhân viên của các công ty đều sử dụng máy tính rất thành thạo.

Page 48: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH 46

- Để sử dụng đƣợc trang web chỉ cần cài đặt trình duyệt web và có kết

nối Internet. Việc hƣớng dẫn cài đặt trình duyệt đơn giản và sử dụng sẽ đƣợc đƣa

vào clip hƣớng dẫn để giúp cho nhân viên nhanh chóng làm quen với ứng dụng

web.

4.1.2. Nhƣợc điểm

- Thông tin đối tƣợng còn đơn giản, chƣa tích hợp nhiều chức năng.

- Chƣa giải quyết triệt để đƣợc các vấn đề nảy sinh.

- Thời gian làm đề tài không phải ngắn và cũng không phải dài để tôi

tìm hiểu đầy đủ các vấn đề liên quan tới các ứng dụng web và tìm hiểu hệ thống các

quản lý các học sinh – sinh viên thực tế.

- Trong quá trình làm đề tài, tôi chỉ thực hiện lần đầu vì thế kết quả đạt

đƣợc có thể chƣa sát với thực tế nên không thể tránh khỏi sơ sót, báo cáo còn sơ sài.

4.2. Kiến nghị

- Đề tài cần đƣợc phát triển thành một trang web chuyên nghiệp với

nhiều tính năng hữu ích sát với thực tế tại các trƣờng học. Không chỉ là các nằm

trong quy mô nhỏ của đề tài là quản lý học sinh- sinh viên mà còn với tất cả các đối

tƣợng khác.

- Phù hợp với các đối tƣợng là những ngƣời học lập trình, tạo ứng dụng

web căn bản có nhu cầu trau dồi các kiến thức và thiết kế ứng dụng web.

- Tìm hiểu những khó khăn trong quá trình ứng dụng web nhằm nâng

cao phát triển các tính năng của chƣơng trình không chỉ dùng lại ở những tính năng

căn bản mà đề tài nêu ra.

- Từ những hƣớng phát triển trên sẽ tiến hành nhân rộng tính hữu ích

của đề tài.

Page 49: BÁO CÁO THỰC TẬP - TRẦN VĂN ANH

SVTT: TRẦN VĂN ANH i

Tài liệu kham khảo

1. Tài liệu hƣớng dẫn MySQL và PHP của trung tâm Athena.

2. http://www.w3schools.com/

3. http://getbootstrap.com/

4. http://thietkewebhtml5.net/kien-thuc/tao-mot-dropdown-menu-voi-

css3/

5. http://www.menucool.com/slider/javascript-image-slider-demo1

6. http://php.net/ – trang reference về ngôn ngữ PHP