Nghiên cứu xây dựng website quản lý hoạt động câu lạc bộ tin học

75Ѭ Ӡ1*Ĉ ҤI HӐ&6Ѭ3+ ҤM ±ĈҤI HӐ&Ĉ¬1 ҸNG KHOA TIN HӐC BÁO CÁO KHÓA LUҰN TӔT NGHIӊP ĈӅtài: NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC Giҧ QJYLrQKѭ ӟng dүn : TS NGUYӈN HOÀNG HҦI Sinh viên thӵc hiӋ n : NGUYӈ148$1*'lj1* Lӟp sinh hoҥt : 14CNTT Ĉ¬1 ҸNG, 04/2018 NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC i LӠI CҦ0Ѫ1 LͥLÿ ̯u tiên, xin chân thành c̫P˯QTXê th̯y cô khoa Tin h͕c FNJQJQK˱FiFTXêWK ̯\F{ÿDQJJL ̫ng d̩ y công tác t̩LWU˱ ͥQJĈ ̩i h͕F6˱ Ph̩m - Ĉ̩ i h͕F Ĉj ̽ QJ ÿm ͉ Q ̩ WUX\ tÿ nhͷng ki͇ n thͱc quý báu cho nhͷQJ QăP ͕c vͳD K TXD ̿c bi͏ t, Ĉ xin chân thành c̫P ˯Q 76 Nguy͍ n Hoàng H̫i, WU˱ ͥQJĈ ̩ i h͕ F6˱SK ̩m ±Ĉ̩i h͕FĈj1 ̽ QJÿmW ̵ n tình K˱ ͣng d̳ QJL~Sÿ ͩtôi su͙ t thͥi gian th͹c hi͏ Qÿ ͉tài M̿F Gÿm ͙g̷ QJÿ ͋F hoàn thành d͹án ph̩m vi cho phép kh̫QăQJQK˱QJNK{QJWUiQKNK ͗ i sai sót thi͇ u sót m͡ t s͙chͱFQăQJF ͯ a h͏th͙ ng Vì v̵y, tơi mong mu͙ n nh̵ Qÿ˱ ͫc s͹nh̷ c nhͧYjÿyQJJyS ͇ n quý giá tͳcác th̯ \F{ÿ ͋h͏th͙QJFNJQJQK˱ÿ ͉tài cͯ DW{Lÿ˱ ͫc hoàn thi͏ n K˯Q Xin trân tr͕ ng c̫P˯Q Ĉj1 ̽ QJQJj\WKiQ Sinh viên th͹c hi͏ n NguyӉ Q4XDQJ'NJQJ NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC ii LӠ,&$0Ĉ2$1 7{L [LQ FDP ͷng n͡i dung ÿRDQ lu̵ QK Q YăQ Qj\ ͹c Oj G hi͏ QG˱ ͣi s͹K˱ ͣng d̳n tr͹c ti͇ p cͯ a TS Nguy͍ n Hoàng H̫ i M͕i tham kh̫ o dùng lu̵ QYăQÿ ͉ Xÿ˱ ͫc trích d̳ n rõ ràng tên tác gi̫, tên cơng trình, thͥLJLDQÿ ͓ DÿL ͋ m công b͙ M͕i chép không hͫp l͏ , vi ph̩m quy ch͇ÿjRW ̩o, hay gian trá, xin ch͓ u hoàn toàn trách nhi͏ m Sinh viên th͹c hi͏ n NguyӉ Q4XDQJ'NJQJ NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC iii MӨC LӨC DANH MӨC BҦNG BIӆU vi DANH MӨC HÌNH ҦNH viii DANH MӨC VIӂT TҲT ix MӢĈҪU 1 Lý chӑQÿ Ӆtài Mөc tiêu nhiӋ m vөnghiên cӭu 2.1 Mөc tiêu nghiên cӭu 2.2 NhiӋ m vөnghiên cӭu ĈӕLWѭ ӧng phҥm vi nghiên cӭu 3.1 ĈӕLWѭ ӧng nghiên cӭu 3.2 Phҥm vi nghiên cӭu 3KѭѫQJSKiSQJKLrQF ӭu Giҧ LSKiSÿ Ӆxuҩt KӃ t quҧdӵkiӃ n 6.1 Lý thuyӃ t 6.2 Thӵc tiӉ n BӕcөFÿ Ӆtài &+ѬѪ1*&Ѫ6 ӢLÝ THUYӂT Ngôn ngӳJava 1.1 Tәng quan vӅngôn ngӳJava 1.2 0{LWUѭ ӡng công cөphát triӉ n NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC iv HTML CSS Boostrap 3.1 CSS .6 3.2 Bootstrap JavaScript JQuery 4.1 JavaScript 4.2 JQuery Mơ hình MVC Spring Web MVC 11 Spring Security 12 HӋquҧn trӏFѫV ӣdӳliӋ u MySQL 12 KӃ WFKѭѫQJ 12 &+ѬѪ1*3+Ỉ1 TÍCH VÀ THIӂT KӂHӊTHӔNG 13 Ĉһt vҩQÿ Ӆ 13 Yêu cҫu chӭFQăQJ 13 Yêu cҫu phi chӭFQăQJ 13 Phân tích thiӃ t kӃhӋthӕng 13 4.1 Ĉһc tҧyêu cҫu hӋthӕng 13 4.2 ThiӃ t kӃFѫV ӣdӳliӋ u 30 4.3 6ѫÿ ӗlӟp 35 4.4 6ѫÿ ӗtuҫn tӵ 35 KӃ WFKѭѫQJ 44 NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC v &+ѬѪ1*7+ ӰNGHIӊ09¬ĈÈ1+*,È 45 KӃ t quҧthӵc tiӉ n 45 1.1 VӅÿӅtài 45 1.2 VӅkiӃ n thӭc 45 Mӝt sӕhình ҧnh thӱnghiӋ m 46 KӃ WFKѭѫQJ 52 KӂT LUҰ19¬+Ѭ ӞNG PHÁT TRIӆN 53 KӃ t luұn 53 +ѭ ӟng phát triӇ n 53 TÀI LIӊU THAM KHҦO 54 PHӨLӨC 55 NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC vi DANH MӨC BҦNG BIӆU Bҧ ng 1.1: Các phiên bҧ Q-DYDÿmSKiWKjQK Bҧ ng 1.2: Các thҿ+70/FѫE ҧ QWKѭ ӡng dùng theo thӭtӵA-Z Bҧ ng 2.1: Danh sách use case 17 Bҧ ng 2.2: Mô tҧXVHFDVHÿăQJNê 18 Bҧ ng 2.3: Mô tҧXVHFDVHÿăQJQK ұ p 19 Bҧ ng 2.4: Mô tҧuse case xem thông báo, tin tӭc, hoҥ Wÿ ӝng 19 Bҧ ng 2.5: Mô tҧuse case tìm kiӃ m thơng báo, tin tӭc, hoҥ Wÿ ӝ ng 20 Bҧ ng 2.6: Mô tҧXVHFDVHÿăQJNêWKDPJLDKR ҥ Wÿ ӝ ng 20 Bҧ ng 2.7: Mô tҧuse case cұ p nhұ p thông tin cá nhân 21 Bҧ ng 2.8: Mô tҧXVHFDVHÿăQJ[X ҩ t 21 Bҧ ng 2.9: Mô tҧXVHFDVHÿyQJJySêNL Ӄ n 22 Bҧ ng 2.10: Mô tҧuse case quҧ n lý tài khoҧ n 23 Bҧ ng 2.11: Mô tҧuse case quҧ n lý thӇloҥ i tin 24 Bҧ ng 2.12: Mô tҧuse case quҧ n lý thông báo, tin tӭc 25 Bҧ ng 2.13: Mô tҧuse case quҧ n lý hoҥ Wÿ ӝ ng 26 Bҧ ng 2.14: Mô tҧuse case quҧ n lý chӭc vө 26 Bҧ ng 2.15: Mô tҧuse case quҧ n lý chӭc vө 28 Bҧ ng 2.16: Mô tҧuse case phân quyӅ n truy cұ p 28 Bҧ ng 2.17: Mô tҧuse case quҧ n lý nӝ i quy 30 Bҧ ng 2.18: Mô tҧXVHFDVHÿL Ӈ m danh hoҥ Wÿ ӝ ng 30 Bҧ ng 2.19: Bҧ ng dӳliӋ u tài khoҧ n 31 Bҧ ng 2.20: Bҧ ng dӳliӋ u nӝi quy 32 Bҧ ng 2.21: Bҧ ng dӳliӋ u ý kiӃ QÿyQJJyS 32 Bҧ ng 2.22: Bҧ ng dӳliӋ u thӇloҥ i tin 32 Bҧ ng 2.23: Bҧ ng dӳliӋ u tin tӭc 32 Bҧ ng 2.24: Bҧ ng dӳliӋ u chӭvө 32 NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC vii Bҧ ng 2.25: Bҧ ng dӳliӋ u quyӅ n truy cұ p 33 Bҧ ng 2.26: Bҧ ng dӳliӋ u quyӅ n truy cұ p cӫ a chӭc vө 33 Bҧ ng 2.27: Bҧ ng dӳliӋ u hoҥ Wÿ ӝng 33 Bҧ ng 2.28: Bҧ ng dӳliӋ u tham gia hoҥ Wÿ ӝ ng 33 Bҧ ng 2.29: Bҧ ng dӳliӋ XÿL Ӈ m danh 34 Bҧ ng 2.30: Bҧ ng dӳliӋ u chi tiӃ WÿL Ӈ m danh 34 NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC viii DANH MӨC HÌNH ҦNH Hình 1.1: Mơ hình MVC 10 Hình 1.2: Luӗ ng dӳliӋ u Spring Web MVC 11 Hình 2.1: 6ѫÿ ӗuse case tơng qt 14 Hình 2.2: 6ѫÿ ӗuse case khách vãng lai 15 Hình 2.3: 6ѫÿ ӗuse case thành viên 16 Hình 2.4: 6ѫÿ ӗuse case ban quҧ n trӏ 17 Hình 2.5: 6ѫÿ ӗFѫV ӣdӳliӋ u 31 Hình 2.66ѫÿ ӗlӟp 35 Hình 2.76ѫÿ ӗtuҫ n tӵÿăQJNê 36 +uQK6ѫÿ ӗtuҫ n tӵÿăQJQK ұ p 37 +uQK6ѫÿ ӗtuҫ n tӵquҧ n lý thông tin cá nhân 38 Hình 2.106ѫÿ ӗtuҫ n tӵxem tin tӭc 39 Hình 2.116ѫÿ ӗtuҫ n tӵtìm kiӃ m tin tӭc 39 Hình 2.126ѫÿ ӗtuҫ n tӵÿăQJNêWKDPJLDKR ҥ Wÿ ӝ ng 40 Hình 2.136ѫÿ ӗtuҫ n tӵthêm hoҥ Wÿ ӝ ng 41 Hình 2.146ѫÿ ӗtuҫ n tӵcұ p nhұ p hoҥ Wÿ ӝ ng 42 Hình 2.156ѫÿ ӗtuҫ n tӵxóa hoҥ Wÿ ӝ ng 43 Hình 2.166ѫÿ ӗtuҫ n tӵgӱi ý kiӃ QÿyQJJyS 44 Hình 3.17UDQJÿăQJQK ұ p 46 Hình 3.2: Trang chӫ 47 Hình 3.3: Chi tiӃ t tin tӭc 48 Hình 3.4: Danh sách hoҥ Wÿ ӝ ng 49 Hình 3.5: Chi tiӃ t hoҥ Wÿ ӝ ng 50 Hình 3.6: Trang quҧ n lý 50 Hình 3.7: Trang quҧ n lý hoҥ Wÿ ӝ ng 51 Hình 3.8: Trang quҧ n lý hoҥ Wÿ ӝ ng 51 Hình 3.9: Trang thӕ ng kê tài khoҧ n 52 NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC DANH MӨC VIӂT TҲT TӯviӃ t tҳt MVC HTML AJAX CSS CSDL éQJKƭD Model ±View ±Controller Hyper Text Markup Language Asynchronous JavaScript and XML Cascading Style Sheets &ѫV ӣdӳliӋ u NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) ix NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC 6ѫÿ ӗtuҫn tӵÿăQJ nhұp Hình 2.86˯ÿ ͛tu̯ n t͹ÿăQJ nh̵ p NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) 37 NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC 6ѫÿ ӗtuҫn tӵquҧn lý thông tin cá nhân Hình 2.96˯ÿ ͛tu̯ n t͹qu̫n lý thơng tin cá nhân NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) 38 NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC 6ѫÿ ӗtuҫn tӵxem tin tӭc Hình 2.106˯ÿ ͛tu̯ n t͹xem tin tͱc 6ѫÿ ӗtuҫn tӵtim kiӃ m tin tӭc Hình 2.116˯ÿ ͛tu̯ n t͹tìm ki͇ m tin tͱc NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) 39 NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC BӜTIN HӐC 6ѫÿ ӗtuҫn tӵÿăQJNê tham gia hoҥWÿ ӝ ng Hình 2.126˯ÿ ͛tu̯ n t͹ÿăQJNê tham gia ho̩Wÿ ͡ng NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) 40 ... (2014-2018) ix NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC B? ?TIN HӐC MӢĈҪU Lý chӑQÿ Ӆtài HiӋ n tҥ i công viӋ c quҧ n lý hoҥ W ӝ ng ÿcӫ a câu lҥ c b? ?tin hӑc cịn thӫ cơng, thơng tin tin tӭc,... thӭc hoҥ Wÿ ӝ ng cӫ a câu lҥ c b? ?tin hӑ c - Phân tích thiӃ t kӃhӋthӕ ng quҧ n lý hoҥ Wÿ ӝ ng câu lҥ c b? ?tin hӑc - Xây dӵng website quҧ n lý câu lҥ c b? ?tin hӑc 2.2 NhiӋ m v? ?nghiên cӭu - ĈѭD WK{QJ... Framework NguyӉ Q4XDQJ'NJQJ ±14CNTT (2014-2018) NGHIÊN CӬU XÂY DӴNG WEBSITE QUҦN LÝ HOҤ7Ĉ ӜNG CÂU LҤC B? ?TIN HӐC 3.2 Phҥm vi nghiên cӭu - Câu lҥ c b? ?tin hӑFWUѭ ӡQJĈ ҥ i hӑF6ѭSK ҥ PĈj1 ҹ ng