75Ѭ Ӡ1*Ĉ Ҥ,+ Ӑ&6Ѭ3+ Ҥ0 ± ĈҤ,+ Ӑ&Ĉ¬1 Ҹ1* +2$7,1+ & %ẩ2&ẩ2 +ẽ$/8 1 771*+, 7ầ1 7ơ, ³1*+,Ç1& ӬU XÂY DӴNG WEBSITE GIӞI THIӊU TOUR DU Lӎ CH VIӊ71$0´ SVTH : Trҫn Dӭc Huy Lӟp : 15CNTT1 MSSV : 312022151121 GVHD : TS NguyӉ QĈuQK/ ҫu Ĉ¬ 1Ҹ1* LӠI CҦ0Ѫ1 7URQJÿ ӧt thӵc tұ p vӯa qua, em nhұ Qÿѭ ӧc sӵJL~Sÿ ӥtұ n tình ÿӝng viên tӯnhiӅ u phía Tҩ t cҧnhӳQJÿL Ӆ XÿyÿmJL~SHPFyÿ ӝng lӵc cӕgҳ ng hoàn thành kǤthӵc tұ p tӕt nghiӋ p Em xin gӱi lӡi cҧ PѫQFKkQWKjQKÿ Ӄ n tҩ t cҧcác thҫ \F{ÿmJL ҧ ng dҥ y em suӕ t thӡi gian qua Cҧ PѫQWK ҫ y NguyӉ QĈuQK/ ҫ u ±QJѭ ӡLÿmKѭ ӟng dү n em thӵc hiӋ Qÿ ӗán Vì thӡi gian thӵc tұ p có hҥ QFNJQJQKѭNL Ӄ n thӭc bҧ n thân cịn nhiӅ u hҥ n chӃnên khơng tránh khӓi nhӳng thiӃ XVyWNtQKPRQJÿѭ ӧc sӵnhұ n xét, phê bình, góp ý cӫ a thҫ \F{7Uѭ ӡQJĈ ҥ i hӑF6ѭSK ҥ PĈj1 ҹ QJÿ ӇHPFyÿL Ӆ u kiӋ n hӑc hӓi phҩ Qÿ ҩ XKѫQQ ӳa Cuӕi cùng, em xin chúc Ban giám hiӋ u quý thҫ \F{7Uѭ ӡQJĈ ҥ i hӑF6ѭSK ҥ PĈj1 ҹ ng lӡi chúc sӭc khӓ HWKjQKÿ ҥ t công viӋ c vui vҿtrong cuӝc sӕng Em xin chân thành cҧ PѫQ i 1+ Ұ1;e7& Ӫ$*, Ҧ1*9,Ç1+Ѭ Ӟ1*' Ү1 «««««««««« Ĉj1 ҹ QJQJj\«WKiQJ« GiҧQJYLrQKѭ ӟng dүn NguyӉ QĈuQK/ ҫu ii LӠ,&$0Ĉ2$1 7{L[LQFDPÿR ҥ n: Nhӳng nӝi dung báo cáo tӕ t nghiӋ p thӵc hiӋ QGѭ ӟi sӵ Kѭ ӟng dү n trӵc tiӃ p cӫ a thҫ y NguyӉ QĈuQK/ ҫ u Mӑi tham khҧ RGQJWURQJÿ ӗán thӵc tұ Sÿ Ӆ Xÿѭ ӧc trích dү n rõ ràng trung thӵc 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á, tơi xin chӏ u hồn tồn trách nhiӋ m Ĉj1 ҹ ng, ngày « tháng « QăP Sinh viên thӵc hiӋ n Trҫ QĈ ӭc Huy iii MӨC LӨC LӠI CҦ0Ѫ1 i NHҰN XÉT CӪA GIҦ1*9,Ç1+Ѭ ӞNG DҮN ii LӠ,&$0Ĉ2$1 iii DANH MӨC CÁC HÌNH vii DANH MӨC CÁC BҦNG ix MӢ ĈҪU 1 Lý chӑQÿ Ӆtài Mө FWLrXÿ Ӆtài Phҥ m vi Mө FÿtFKÿ Ӆtài 3KѭѫQJSK i p nghiên cӭu, giҧ i phi p công nghӋ Nӝ i dung nghiên cӭu Tiêu chí chӭFQăQJF ӫ Dÿ Ӆtài Bӕcө Fÿ Ӆtài &+ѬѪ1*, &Ѫ6 Ӣ LÝ THUYӂT 1.1 Tәng quan vӅHTML/CSS 1.1.1 6ѫOѭ ӧc vӅHTML 1.1.2 6ѫOѭ ӧc vӅCSS 1.2 Javascript 1.3 Bootstrap 1.4 SQL server 1.5 Framework ReactJS 10 1.5.1 Virtual DOM 11 iv 1.5.2 Giӟi thiӋ u vӅJSX 11 1.5.3 Giӟi thiӋ u vӅComponents 12 1.5.4 Props and State 12 1.6 Redux 12 &+ѬѪ1*,, 3+Ỉ17 Ë CH THIӂT KӂHӊTHӔNG 14 2.1 Tìm hiӇ u thӵc tӃ 14 2.1.1 Khҧ o sát mӭc 14 2.1.2 Khҧ o sát mӭc 14 2.1.3 Khҧ o sát mӭc 14 2.2 Mө FWLrXÿ Ӆtài 14 2.3 ThiӃ t kӃhӋthӕng 15 2.3.1 6ѫÿ ӗUse-case 15 2.3.2 Ĉһ c tҧUse-case 18 2.3.3 6ѫÿ ӗER 26 2.4 ThiӃ t kӃFѫV ӣdӳliӋ u 26 2.4.1 6ѫ ÿ ӗthӵc thӇquan hӋ 26 2.4.2 Cҩ u trúc bҧ ng ràng buӝ c 27 2.4.3 6ѫÿ ӗhoҥ Wÿ ӝng 30 &+ѬѪ1*,,, ӂT QUҦĈҤ7ĈѬ ӦC 33 3.1 Trang chӫ 33 3.2 Trang cá nhân 34 3.3 7UDQJÿL Ӈ Pÿ Ӄ n 35 3.4 Trang quҧ n lý 36 3.4.1 Quҧ n lý tour 36 v 3.4.2 Quҧ n lý users 38 KӂT LUҰ19¬+Ѭ ӞNG PHÁT TRIӆN 39 TÀI LIӊU THAM KHҦO 40 vi '$1+0 Ө&&È&+Ỵ1+ Hu nh 1.1: Cҩ u trúc cӫ a CSS Hu nh 1.2: SӵWKD\ÿ әi giӳa Virtual DOM Real DOM 11 Hu nh 1.3 &ѫFK Ӄone-way data binding 11 Hu nh 1.4 6ѫÿ ӗhoҥ Wÿ ӝng Redux 13 Hu nh 2.1 6ѫÿ ӗuse case mô tҧchӭc QăQJW ә ng thӇ 15 Hu nh 2.2 6ѫÿ ӗuse case mô tҧchӭFQăQJTX ҧ n lý cӫ a quҧ n trӏviên 16 Hu nh 2.3 6ѫÿ ӗuse case mô tҧchӭFQăQJF ӫ a khách hàng 16 Hu nh 2.4: 6ѫÿ ӗuse case mô tҧchӭFQăQJF ӫ a khách hàng tiӅ PQăQJ 17 Hu nh 2.5 6ѫÿ ӗthӵc thӇliên kӃ t 26 Hu nh 2.6 6ѫÿ ӗthӵc thӇquan hӋ 26 Hu nh 2.7 6ѫÿ ӗhoҥ Wÿ ӝng tәng quát 30 Hu nh 2.8 6ѫÿ ӗhoҥ Wÿ ӝng thêm mӟi 30 Hu nh 2.9 6ѫÿ ӗhoҥ Wÿ ӝng chӍ nh sӱa 31 Hu nh 2.10 6ѫÿ ӗhoҥ Wÿ ӝng xóa 31 Hu nh 2.11 6ѫÿ ӗhoҥ Wÿ ӝQJÿ һ t tour 31 Hu nh 2.12 6ѫÿ ӗhoҥ Wÿ ӝQJÿăQJNêWjLNKR ҧ n 32 Hu nh 3.1: Giao diӋ n trang chӫ 33 Hu nh 3.2: Giao diӋ QIRUPÿăQJQK ұ p 33 Hu nh 3.3: Giao diӋ QIRUPÿăQJNê 34 Hu nh 3.4: Giao diӋ n trang cá nhân 34 Hu nh 3.5: Giao diӋ QWUDQJÿL Ӈ Pÿ Ӄ n 35 Hu nh 3.6: Giao diӋ n trang chi tiӃ WÿL Ӈ Pÿ Ӄ n 35 Hu nh 3.7: Giao diӋ n trang quҧ n lý tour 36 Hu nh 3.8: Giao diӋ n trang thêm mӟi tour 36 Hu nh 3.9: Giao diӋ n trang cұ p nhұ t tour 37 Hu nh 3.10: Giao diӋ n xóa tour 37 Hu nh 3.11: Giao diӋ n trang quҧ n lý users 38 vii Hu nh 3.12: Giao diӋ n xóa user 38 viii '$1+0 Ө&&È&% Ҧ1* Bҧ ng 2.1: Bҧ QJÿ һ c tҧ8VHFDVHÿăQJQK ұ p 18 Bҧ ng 2.2: Bҧ QJÿ һ c tҧ8VHFDVHÿăQJ[X ҩ t 18 Bҧ ng 2.3: Bҧ QJÿ һ c tҧUse case xem thông tin tour 19 Bҧ ng 2.4: Bҧ QJÿ һ c tҧUse case thêm mӟi tour 19 Bҧ ng 2.5: Bҧ QJÿ һ c tҧUse case xóa tour 20 Bҧ ng 2.6: Bҧ QJÿ һ c tҧUse case cұ p nhұ t tour 20 Bҧ ng 2.7: Bҧ QJÿ һ c tҧUse case xem thông tin khách hàng 21 Bҧ ng 2.8: Bҧ QJÿ һ c tҧUse case tҥ o tài khoҧ n mӟi 21 Bҧ ng 2.9: Bҧ QJÿ һ c tҧUse case cұ p nhұ t thông tin cá nhân 22 Bҧ ng 2.10: Bҧ QJÿ һ c tҧUse case xóa tài khoҧ n 22 Bҧ ng 2.11: Bҧ QJÿ һ c tҧ8VHFDVH[HPWK{QJWLQÿ һ t tour 23 Bҧ ng 2.12: Bҧ QJÿ һ c tҧUse case thêm mӟi giӓhàng 23 Bҧ ng 2.13: Bҧ QJÿ һ c tҧ8VHFDVH[yDÿ һ t tour 24 Bҧ ng 2.14: Bҧ QJÿ һ c tҧ8VHFDVH[HPÿiQKJLi 24 Bҧ ng 2.15: Bҧ QJÿ һ c tҧ8VHFDVH[yDÿiQKJLi 25 Bҧ ng 2.16: Bҧ ng LOGIN 27 Bҧ ng 2.17: Bҧ ng CUSTOMER 27 Bҧ ng 2.18: Bҧ ng PROVINCE_CITY 28 Bҧ ng 2.19: Bҧ ng TOUR 28 Bҧ ng 2.20: Bҧ ng TOUR_DETAILS 29 Bҧ ng 2.21: Bҧ ng BOOKING_TOUR 29 Bҧ ng 2.22: Bҧ ng BOOKING_DETAILS 29 ix GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p &OLFN EXWWRQ ³ /ѭX O ҥ L ´ ÿӇ OѭXF ұ SQK ұ W &OLFN EXWWRQ ³ 7U ӣ Y Ӆ ´ ÿӇ TXD\O ҥ LWUD QJTX ҧ QOê 1JR ҥ LO Ӌ B̫ng 2.7: B̫QJÿ ̿ c t̫Use case xem thông tin khách hàng 0m8VHFDVH 86 7rQ ;HPWK{QJWLQNKiFKKjQJ 0{W ҧ ;HPWK{QJWLQNKiFKKjQJ 0m әLJL ӟLWtQK FPQGÿ ӏ DFK Ӎ HPDLOV ӕ ÿWPmV ӕ WK ҿ QJkQKjQJ 1Jѭ ӡLWK ӵFKL Ӌ Q 1Jѭ ӡLTX ҧ QWU ӏ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê ĈmÿăQJQK ұ SYjRK Ӌ WK ӕ QJ 6DX[ ӱ Oê +L Ӈ QWK ӏ WUDQJ[HPWK{QJWLQNKiFK &iFEѭ ӟFWK ӵFKL Ӌ Q ĈmÿăQJQK ұ SYjRK Ӌ WK ӕ QJ tFKFKX ӝWYjR ³ 7UDQJTX ҧ QOê ´ WUrQWKDQKPHQX 1JR ҥ LO Ӌ B̫ ng 2.8: B̫QJÿ ̿c t̫Use case t̩ o tài kho̫ n mͣi 0m8VHFDVH86 7rQ 7ҥ RP ӟLWjLNKR ҧ QQJѭ ӡLGQJ 0{W ҧ 7KrPWK{QJWLQWjLNKR ҧ Q WrQÿăQJQK ұ SP ұ WNK ҭ X[iF QK ұ QO ҥ LP ұ WNK ҭ XWrQHPDLO 1Jѭ ӡLWK ӵFKL Ӌ Q 1Jѭ ӡLTX ҧ QWU ӏ KiFKKjQJ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê &KѭDFyWjLNKR ҧ QWUrQ KӋ WK ӕQJ 6DX[ ӱ Oê &KX\ Ӈ Qÿ Ӄ Q /RJLQ)RUP &iFEѭ ӟFWK ӵFKL Ӌ Q &OLFN ³ /2*,1 ´ WUrQWKDQKPHQX ÿ Ӈ KL Ӈ QWK ӏ /RJLQ)RUP Website tour du lӏ ch ViӋ t Nam 21 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p &OLFN ³ 5(*,67(5 ´ ÿӇ FKX\ Ӈ QVDQJ5HJLVWHU)R ĈL Ӆ Qÿ ҫ \ÿ ӫ YjK ӧSO Ӌ WK{QJWLQ YjRIRUP 1K ҩ QEXWWRQ ³ ĈăQJNê ´ ÿ Ӈ W ҥ RWjLNKR ҧ Q YjRK Ӌ WK ӕQJ 1K ҩ QEXWWRQ ³ &ORVH ´ ÿӇ ÿyQJIRUP 1JR ҥ LO Ӌ B̫ng 2.9: B̫QJÿ ̿ c t̫Use case c̵ p nh̵t thông tin cá nhân 0m8VHFDVH86 7rQ &ұ SQK ұ WWK{QJWLQWjLNKR ҧ Q 0{W ҧ &ұ S QK ұ WWK{QJWLQWjLNKR ҧ QNKLFyWKD\ÿ әL 1Jѭ ӡLWK ӵFKL Ӌ Q KiFKKjQJ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê ĈmÿăQJQK ұ SYjRK Ӌ WK ӕQJ 6DX[ ӱ Oê &KX\ Ӈ Qÿ Ӄ QWUDQJWK{QJWLQFiQKkQ &iFEѭ ӟFWK ӵFKL Ӌ Q &OLFNFKX ӝ WYjR ³ 7UDQJFiQKkQ ´ WUrQWKDQKPHQX ĈL Ӆ Qÿ ҫ \ÿ ӫ YjK ӧSO Ӌ WK{QJWLQYjRIRUPF ұ SQK ұ W &OLFNEXWWRQ ³ /ѭXO ҥ L ´ ÿӇ OѭXF ұ SQK ұ W &OLFNEXWWRQ ³ 7U ӣ Y Ӆ ´ ÿӇ TXD\O ҥ LWUDQJFK ӫ 1JR ҥ LO Ӌ B̫ng 2.10: B̫QJÿ ̿c t̫Use case xóa tài kho̫ n 0m8VHFDVH86 7rQ ;yDWjLNKR ҧ Q 0{W ҧ ;yDP ӝWWjLNKR ҧ QWURQJK Ӌ WK ӕQJ 1Jѭ ӡLWK ӵFKL Ӌ Q 1Jѭ ӡLTX ҧ QWU ӏ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê ĈmÿăQJQK ұ SYjRK Ӌ WK ӕQJ Website tour du lӏ ch ViӋ t Nam 22 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p 6DX[ ӱ Oê 7ҧ LO ҥ LGDQKViFKKL Ӈ QWK ӏ WRXU &iFEѭ ӟFWK ӵFKL Ӌ Q &OLFNFKX ӝWYjR ³ 7UDQJTX ҧ QOê ´ ErQWKDQKPHQX &OLFNYjRLFRQ[yD F ӫDWjLNKR ҧ QF ҫ Q[yD ;X ҩ WKL Ӌ QWK{QJEiRK ӓLFyFK ҳ FFK ҳ Q[yDKD\NR" &OLFN ³ ´ ÿӇ [yD&OLFN ³ +ӫ\ ´ ÿ Ӈ NK{QJ[yD 1JR ҥ LO Ӌ B̫ng 2.11: B̫QJÿ ̿ c t̫8VHFDVH[HPWK{QJWLQ ̿ t tour 0m8VHFDVH 86 7rQ ;HPWK{QJWLQ ÿ һ WWRXU 0{W ҧ ;HPWK{QJWLQ ÿ һ WWRXU 0m ÿѫQ ÿһ WWRXU WrQ WRXU QJѭ ӡL ÿ һ WV ӕ ÿW V ӕ FK ӛQJj\ÿ һ WWRXUWKjQKWL Ӆ Q 1Jѭ ӡLWK ӵFKL Ӌ Q 1Jѭ ӡLTX ҧ QWU ӏ .KiFKKjQJ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê ĈmÿăQJQK ұ SYjRK Ӌ WK ӕ QJ 6DX[ ӱ Oê +L Ӈ QWK ӏ WUDQJ[HPWK{QJWLQ ÿһ WWRXU &iFEѭ ӟFWK ӵFKL Ӌ Q ĈmÿăQJQK ұ SYjRK Ӌ WK ӕ QJ tFKFKX ӝWYjR ³ 7UDQJTX ҧ QOê ´ WUrQWKDQKPHQX 1JR ҥ LO Ӌ B̫ng 2.12: B̫QJÿ ̿c t̫Use case thêm mͣi gi͗hàng 0m8VHFDVH86 7rQ 7KrP PӟL JL ӓ KjQJ 0{W ҧ 7KrP WK{QJ ҧ Q WLQ WrQ WjL ұ S ÿăQJ ұ W NKR Pҭ X NK QK[iF QK ұ QO ҥ LP ұ WNK ҭ XWrQHPDLO 1Jѭ ӡLWK ӵFKL Ӌ Q KiFKKjQJ Website tour du lӏ ch ViӋ t Nam 23 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê ĈmÿăQJQK ұ SYjRK Ӌ WK ӕQJ 6DX[ ӱ Oê &KX\ Ӈ Qÿ Ӄ Q/RJLQ)RUP &iFEѭ ӟFWK ӵFKL Ӌ Q &OLFN LFRQJL ӓ KjQJF ӫDWRXUPj PX ӕQÿ һ W ĈL Ӆ Qÿ ҫ \ÿ ӫ YjK ӧSO Ӌ WK{QJWLQYjRIRUP &OLFN EXWWRQ ³ ;iFQK ұ Q´ ÿӇ [iFQK ұ Qÿ һ WWRXUWUrQ KӋ WK ӕ QJ &OLFN EXWWRQ ³ 4XD\O ҥ L ´ ÿӇ WU ӣ Y Ӆ WUDQJFK ӫ 1JR ҥ LO Ӌ B̫ng 2.13: B̫ QJÿ ̿c t̫Use FDVH[yDÿ ̿ t tour 0m8VHFDVH86 7rQ ;yD ÿһ WWRXU 0{W ҧ ;yDP ӝW ÿѫQÿ һ WWRXU WURQJK Ӌ WK ӕQJ 1Jѭ ӡLWK ӵFKL Ӌ Q 1Jѭ ӡLTX ҧ QWU ӏ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê ĈmÿăQJQK ұ SYjRK Ӌ WK ӕQJ 6DX[ ӱ Oê 7ҧ LO ҥ LGDQKViFKKL Ӈ QWK ӏ ÿѫQÿ һ WWRXU &iFEѭ ӟFWK ӵFKL Ӌ Q &OLFNFKX ӝWYjR ³ 7UDQJTX ҧ QOê ´ ErQWKDQKPHQX &OLFNYjRLFRQ[yD F ӫD ÿѫQÿ һ WWRXU F ҫ Q[yD ;X ҩ WKL Ӌ QWK{QJEiRK ӓLFyFK ҳ FFK ҳ Q[yDKD\NR" &OLFN ³ ´ ÿӇ [yD&OLFN ³ +ӫ\ ´ ÿ Ӈ NK{QJ[yD 1JR ҥ LO Ӌ B̫ng 2.14: B̫QJÿ ̿ c t̫Use FDVH[HPÿiQKJLi 0m8VHFDVH 86 7rQ ;HPÿiQKJLi 0{W ҧ ;HPÿiQKJLiF ӫ DQJѭ ӡLGQJ Website tour du lӏ ch ViӋ t Nam 24 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p 1Jѭ ӡLWK ӵFKL Ӌ Q 1Jѭ ӡLTX ҧ QWU ӏ .KiFKKjQJ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê 6DX[ ӱ Oê +L Ӈ QWK ӏ WUDQJ[HPFiF ÿiQKJLi &iFEѭ ӟFWK ӵFKL Ӌ Q &OLFNYjRWRXUPjPX ӕQ[HPF iF ÿiQKJLi 1JR ҥ LO Ӌ B̫ ng 2.15: B̫QJÿ ̿ c t̫8VHFDVH[yDÿiQKJLi 0m8VHFDVH86 7rQ ;yDÿiQKJLi 0{W ҧ ;yDP ӝW ÿiQKJLi WURQJK Ӌ WK ӕQJ 1Jѭ ӡLWK ӵFKL Ӌ Q 1Jѭ ӡLTX ҧ QWU ӏ ĈL Ӆ XNL Ӌ QWUѭ ӟF[ ӱ Oê ĈmÿăQJQK ұ SYjRK Ӌ WK ӕQJ 6DX[ ӱ Oê 7ҧ LO ҥ LGDQKViFKKL Ӈ QWK ӏ ÿiQKJLi &iFEѭ ӟFWK ӵFKL Ӌ Q &OLFNFKX ӝWYjR ³ 7UDQJTX ҧ QOê ´ ErQWKDQKPHQX &OLFNYjRLFRQ[yD F ӫDÿiQKJLiF ҫ Q[yD ;X ҩ WKL Ӌ QWK{QJEiRK ӓLFyFK ҳ FFK ҳ Q[yDKD\NR" &OLFN ³ ´ ÿӇ [yD&OLFN ³ +ӫ\ ´ ÿ Ӈ NK{QJ[yD 1JR ҥ LO Ӌ Website tour du lӏ ch ViӋ t Nam 25 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p 2.3.3 6ѫÿ ӗER Hu nh 2.5 6˯ÿ ͛thc th͋liên k͇ t 2.4 ThiӃ t kӃFѫV ӣdӳliӋ u 2.4.1 6ѫÿ ӗthӵc thӇquan hӋ Hu nh 2.6 6˯ÿ ͛thc th͋quan h͏ Website tour du lӏ ch ViӋ t Nam 26 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p 2.4.2 Cҩu trúc bҧng ràng buӝc x Bҧ ng LOGIN B̫ ng 2.16: B̫ ng LOGIN 7rQWUѭ ӡng KiӇ u dӳliӋ u STT Ràng buӝ c dӳliӋ u Mô tҧ ID int Sӕthӭtӵ CUSTOMER_ID Nvarchar (50) USERNAME Nvarchar (50) 7rQÿăQJQK ұ p PASSWORD Nvarchar (50) Mұ t khҭ u ROLE Nvarchar (50) Vӏtrí FOREIGN KEY Mã khách hàng x Bҧ ng CUSTOMER B̫ ng 2.17: B̫ ng CUSTOMER 7rQWUѭ ӡng KiӇ u dӳliӋ u STT Ràng buӝ c dӳ Mô tҧ liӋ u ID int CUSTOMER_ID Nvarchar (50) NAME Nvarchar (50) Tên khách hàng AGE int Tuәi GENDER bit Giӟi tính ADDRESS Nvarchar (50) Ĉӏ a chӍ EMAIL Nvarchar (50) Email PHONE_NUMBER Nvarchar (50) SӕÿL Ӌ n thoҥ i ACCOUNT_ID int Sӕtài khoҧ n 10 BANK Nvarchar (50) Ngân hàng 11 NOTE Nvarchar (200) Ghi Website tour du lӏ ch ViӋ t Nam Sӕthӭtӵ 27 PRIMARY KEY Mã khách hàng Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p x Bҧ ng PROVINCE_CITY B̫ ng 2.18: B̫ ng PROVINCE_CITY 7rQWUѭ ӡng KiӇ u dӳliӋ u STT Ràng buӝ c dӳliӋ u Mô tҧ ID int Sӕthӭtӵ PROVINCE_ID Nvarchar (50) NAME Nvarchar (50) Tên tӍ nh thành REGION Nvarchar (50) Khu vӵc NOTE Nvarchar (200) Ghi PRIMARY KEY Mã tӍ nh thành x Bҧ ng TOUR B̫ng 2.19: B̫ng TOUR 7rQWUѭ ӡng STT KiӇ u dӳliӋ u Ràng buӝ c dӳ Mô tҧ liӋ u ID int Sӕthӭtӵ TOUR_ID Nvarchar (50) PRIMARY KEY Mã tour NAME Nvarchar (50) Tên tour PRICE Nvarchar (50) Giá tour TRANSPORT Nvarchar (50) 3KѭѫQJWL Ӌ n INFO Nvarchar (500) Thông tin DEPARTUTE Nvarchar (50) 1ѫL[X ҩ t phát DESTINATION Nvarchar (50) 1ѫLÿ Ӄ n TIME Date Thӡi gian 10 NUMBER_SEATS int Sӕchӛcӫ a tour 11 NUMBER_BOOKED int Sӕchӛÿmÿ һ t 12 NOTE Ghi Nvarchar (200) Website tour du lӏ ch ViӋ t Nam 28 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p x Bҧ ng TOUR_DETAILS B̫ng 2.20: B̫ng TOUR_DETAILS 7rQWUѭ ӡng KiӇ u dӳliӋ u STT Ràng buӝ c dӳliӋ u Mô tҧ ID int Sӕthӭtӵ PROVINCE_ID Nvarchar (50) FOREIGN KEY Mã tӍ nh thành TOUR_ID Nvarchar (50) FOREIGN KEY Tên tour x Bҧ ng BOOKING_TOUR B̫ng 2.21: B̫ ng BOOKING_TOUR 7rQWUѭ ӡng KiӇ u dӳliӋ u STT Ràng buӝ c dӳ Mô tҧ liӋ u ID int Sӕthӭtӵ BOOKING_ID Nvarchar (50) TOUR_ID Nvarchar (50) BOOKING_DATE Date 1Jj\ÿ һ t NUMBER_SEATS int Sӕchӛÿѭ ӧFÿ һ t TOTAL money Tәng cӝng STATUS Nvarchar (50) Trҥ ng thái PRIMARY KEY Mã tӍ nh thành Mã tour x Bҧ ng BOOKING_DETAILS B̫ng 2.22: B̫ ng BOOKING_DETAILS 7rQWUѭ ӡng STT KiӇ u dӳliӋ u Ràng buӝ c dӳ Mô tҧ liӋ u ID int Sӕthӭtӵ BOOKING_ID Nvarchar (50) FOREIGN KEY Mã tӍ nh thành CUSTOMER_ID Nvarchar (50) FOREIGN KEY Mã khách hàng DEPARTURE_DATE Date 1Jj\ÿL RETURN_DATE Ngày vӅ Date Website tour du lӏ ch ViӋ t Nam 29 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p NOTE Nvarchar (200) Ghi 2.4.3 6ѫÿ ӗhoҥWÿ ӝng Hu nh 2.7: 6˯ÿ ͛ho̩ Wÿ ͡ng t͝ ng quát Hu nh 2.8: 6˯ÿ ͛ho̩ Wÿ ͡ng thêm mͣi Website tour du lӏ ch ViӋ t Nam 30 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p Hu nh 2.9: 6˯ÿ ͛ho̩ Wÿ ͡ng ch͑ nh s͵a Hu nh 2.10: 6˯ÿ ͛ho̩ Wÿ ͡ ng xóa Hu nh 2.11: 6˯ÿ ͛ho̩Wÿ ͡QJÿ ̿ t tour Website tour du lӏ ch ViӋ t Nam 31 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p Hu nh 2.12: 6˯ÿ ͛ho̩Wÿ ͡ QJÿăQJNêWjLNKR ̫ n Website tour du lӏ ch ViӋ t Nam 32 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p &+ѬѪ1*, II: KӂT QUҦĈҤ7ĈѬ ӦC 3.1 Trang chӫ Hu nh 3.1: Giao di͏ n trang chͯ x )RUPÿăQJQK ұ p Hu nh 3.2: Giao di͏ QIRUPÿăQJQK ̵ p Website tour du lӏ ch ViӋ t Nam 33 Trҫ QĈ ӭc Huy - 15CNTT1 ... t tour Website tour du lӏ ch ViӋ t Nam 31 Trҫ QĈ ӭc Huy - 15CNTT1 GVHD: TS NguyӉ QĈuQK/ ҫ u Báo cáo khóa luұ n tӕt nghiӋ p Hu nh 2.12: 6˯ÿ ͛ho̩Wÿ ͡ QJÿăQJNêWjLNKR ̫ n Website tour du. .. Website tour du lӏ... QÿyQJJySY{FQJTXêJLi Ӄ t quҧlà thӕng nhҩ t xây dӵng website giӟi thiӋ u tour du lӏ ch ViӋ t Nam 2.2 MөFWLrXÿ Ӆtài Xây dӵQJÿѭ ӧc mӝ t hӋthӕng Website quҧ n lý: - Ĉҫ ÿ ӫWtQKQăQJFѫE ҧ