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

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.

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

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

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)

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

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

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

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

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

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

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

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.

+ 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

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.

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 …

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.

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.

 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.

 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)

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

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.

-
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

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

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

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

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

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

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

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

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ỳ

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

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

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í

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

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.

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…

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í

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

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

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.

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

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

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

 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

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.

- Để 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.

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

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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

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

Similar to BÁO CÁO THỰC TẬP - TRẦN VĂN ANH (20)

More from tranvananh2407

More from tranvananh2407 (6)

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