DAI HOC BACH KHOA HA NOI Truong Céng nghé théng tin va Truyén théng AQ BAO CAO PROJECT 1 Dé tai: Trang web dat tour du lich Giang vién huéng dan : PGS.TS Lé Thanh Huong Sinh vién thye hién : Pham Van Phong Ma SV + 20215448 Lop :IT1-01 Ha N@i, thing OF ném 2024173150 — Project 1 MUC LUC CHUONG 1. KHAO SAT BAI TOAN 1.1. M6 ta yéu cau bai toan, 1.2. Xfiy dyng biéu dé mé ta nghiép vy va phiin céip chit nang. CHUONG 2. PHAN TICH THIET KE HE THONG 2.1, Die ta yeu cdu bai toan:.. 2: 2.3. Phin tich biéu dé thire thé lin két so luge (ERD) 24. Thidt ké cor sérdirligu chi ti 25. Thiét ké kién trite: 2.6. Thiét ké giao dign., Biéu di use case. CHUONG3. XAY DUNG CHUONG TRINH 3.1, Ma ngudn chuong tiM: sessssssmenmesemermeieeiesnsesinnnnanin 32. Thr in va cong ey sir dyn; 3.3. Két qua chwrong trinh minh hoa 34. Giao dign minh hog cae chite nding cita churong ri see 3.5, Hung din sti dy ngs cesses CHUONG 4, KET LUAN VA HUONG PHAT TRIEN.. CHUONG 5, TAILIEU THAM KHAO...... Pham Van Phong — 20215448173150 — Project 1 LOI NOI DAU Lara chon dé tai xy dung trang web dat tour du lich duge thye hign trén nhu cau thye 18 cia bin thin , cing véi muc tiéu ép dung cic kién thite di durge hgc trong che hoc phan tnrée diy. Day la mot dé tai o6 tinh img dung eao kl quyét duge bai toan cy thé cla doanh nghiép vé vige lam thé nio dé két ndi véi khich hang va bay dich vu eda doanh nghigp sao cho dé ding tip cn, r3 ring va gidp khdch hang hidu rd nhat vé san phim, Qua qué trinh tim hiéu va nghign cfru, em nhiin Web dit tour du lich dap img duge tinh thyc té cing nhir tinh img dung. Trang web niy sé tap trang véo phin thi déi vai khich hang, eae chite nding quan IY danh sach tour, quan li tour, quan li it goi dich vu. Vige thyc hign dé tai nay tgo ra mét trang web buée diu dap img duge nhu clu cp thiét cia doanh nghiép ki c6 mét trang web dé khich hing c6 thé tham khio cic tour va giri yéu cau dén cho doanh nghigp. Pham Van Phong — 20215448173150 — Project 1 CHUONG 1. KHAO SAT BAI TOAN 1.1, M6 ta yéu cau bai toan Bai toan trang web dat tour du lich. © Chie ning cho khich: ~ Xem thong tin tour: Khdch khi truy ep vio trang web e6 thé xem danh mvc tour, théng tin lich trink, gia cd, diéu Khodn, ude rang gid cho ch + Giri cdc yéu clu: Khach cé thé giti yeu cdu dit tour cho mét tour nhi dé tién hanh dat tour, cing cé thé giri yéu cau wr van dé duge nhin vién ign hé tu win. © Chie ning cia quan ly trang: = Quin li théng tin tour du lich: Ngudi quan ly trang web ¢6 thé quan If ede théng tin Hign quan dén danh mye tour, xem, thém stra xod tour. C6 thé di¢u chinh ndi dung tour xac dinh. - Quan li phiéw yéu cau: Cae phicu ye quan Ii trang tién hanh xit li: Thay u durge khich han, rang thai, xoa phid 1.2. Xay dyng biéu dé mé ta nghiép vu va phan cap chirc nang - Bidu dd midu td nghigp vy oda bai todn: in6 td ndi dung hoat dong chinh cia trang web: Hanah “Trey ep trang web em thing tn ‘ede tour du ten Pham Van Phong — 20215448113150 — Project 1 = Bidu dé phan efp chire nang: Quan Ii tour im kiém, sap xép| Quan ly phiéu yéu cau em dann mut tour Tim siém ciém aén The kur ade beer ‘Sdp xép theo oid ‘Sia n6i dung tour Gin yéu cu St tour Gi ybu cd tu vd ai i yu edu dt tour vir yu cu tu vbr CHU'ONG 2. PHAN TICH THIET KE HE THON 2.1. Dac ta yéu cau bai toan: + Cae ac niin cia hg thong: Hé thong bao gém 2 te han la khach va quan ly trang, trong dé: - Khieh 1d ngui truy cp vao trang web va cd quyén thye hign eae chire ning cho Khich + Quan If trang la ngwoi trang céip vao trang web va thye hign dang nhip vio trang quan tri, c6 ede quydn nhu khaich va cdc quyén cao hon thir thie hign thém sia xed cae thanh phéin, + Bang ligt ké ede tie nhan va mé td thong tin cho cae tie nhain: Khich : truy cp (rang web ma khong edn ding nhgp Quin IY trang Khich khi thyc hign ding nhdp bing tai khodn danh cho admin Pham Van Phong — 20215448173150 — Project 1 + Bing Use case: stt | Mause | Ten Mo ta Tac Do case nhin | phure twong | tap tae 1 Bing ahap | Khach ed thé ding nhap he | Khdch | Trung thong dé vao trang cia quan binh 2 Dang xuat Admin thye hign dang xuat__| Admin __| Thap_ 3 Xem danh Khach truy cap trang web | Khach |) Thap mye tour c@ thé luét xem danh sich cic tour hign co a Xem théng | Khach e6 thé xem thong tin Thap tin tour lich trinh, bao gom migu ta chi tiet ve lich trink, thoi gian tour, bang gid, luru ¥, diéu khoan, huréng din dat tour 3 Tao tourmoi | Nguoi quan li trang co thé | Admin | Thap tao mOt tour méi vao danh muc tour 6 Xod tour ‘Quan li trang xod tour trong | Admin | Thap danh sach 7 Chinh sita ngi | Quan li trang chinh stra Admin | Trung dung tour duge thong tin migu ta chi binh +t lich trinh, thé gian, bang gid, 8 Tim kiem Khach c6 kha nang tim kiem | Khach |) Thap tour theo dja | tour du lich theo dja diem diem mong muén 9 Sip xép, Ipc _| Khach sip xép, Ic tourtheo | Khach | Trung theo gid ca mirc gid binh 10 Loc theo d6 | Khach loc tourtheo dai | Khdch | Trung dai tour mong mudn binh i yéucau | Khach giri yCucdutrvan | Khach | Trung turvan dén admin ve tour dé duge binh uur-van chi tiét 12 Xem ude Khach thyc hign dien thong | Khach | Thap lung chi phi, | tin theo nhu edu va xem ude théi gian hugng chi phi, thoi gian chuyen di 13 Giri yéucau | Khach girl yéu cau dit tour | Khdch | Trung dat tour den admin binh 4 Cp nhat ‘Admin cip nhit trang thai | Admin | Thap trang thai cdc phiéu yeu edu dit tour phieu yéuedu dit tour Pham Van Phong — 20215448173150 — Project 1 15 ip nhat ‘Admin cp nhjt trang thdi trang thai | ede phiéw you ed tw van phigu yéu edu tw van 2.2. Biéu dé use case Khich khi truy cp trang web cé thé xem danh myc tour, xem théng tin tour, tim kiém, sip xép, loc théng tin theo cic tiéu chi, cé thé é 8 chi xtr li, Khich sau khi thye hign ding nhap co quyén Admin, ¢6 quyén thye hign cde usecase quan ly danh muc tour, cp nhit trang thai phiéu yéu edu, dang xuat khoi trang quan tr} = Biéu dé use-case tong quan cho bai todin: Pham Van Phong — 20215448 yéu edu dén quan ly trang173150 — Project 1 = Phin ra usecase “Giri phiéu yéu cdu" : we Gti phidu yeu ch - Phan ra usecase “Quan li danh mye tour” wantenmmetar J Pham Van Phong — 20215448173150 — Project 1 = Phin ri usecase “Cp nba thong tin phiéu yéu ch 2.3. Phan tich biéu dé thy thé lién két so loc (ERD) cotter an am om “Tarymarnie wong, ‘ott eet a == > eee > ‘for sono en vee og ane sme tee am angraeree wt menses 2.4, Thiét ké co so dik ligu chi tiét: So dd quan hé chi tiét gitta cic bang: Pham Van Phong — 20215448113150 — Project t are iROBSC2) mana ana VOR “once rat Wei) Pant Cae doi tugng dir ligu va cae dic tinh ca moi d6i tuong: Admin: 1én dang nhap, mat khau, id , role ‘Tour: id, 8h tour, lich tink, 46 di tour, md ta, chi tiét lich trink, cha y Image: id, image_name, image_numiber, tour_id, image_data Tour_StartDa BovkingRequest: id, trai thai phigu, cic thong tin khaeh hing(tén, sé dign thoai, id, the ghat xudt phat ea tour, tour_id dja chi, email, ghi chii), cae théng tin dit tour (startDateTour, s6 khach hang dud 6 tudi, 86 khdc Wr 6 dén 11 tudi, 86 khach tir 12 tudi), status, request_time. AdviceRequest: id, trai thai phiéu yéu edu tu van, én khach hang, so dign thoai, thd gian yéu cau, tour fd, ghi ch. Mé ta quan h@ gitta ce d4i tugng: Mét Tour bao gém cic théng tin eo bin, mdi tour bae gm nhiéu thai gan xudt phat khée nhau derge thé hign & bing Tour_StartDate, mdt Tour bao gém mt danh muc anh, bao gdm nhigu anh, dirge lu 6 bang Image. M@t Tour_StartDate tuong img voi 1 Tour duy nhat, khi khach hang thye hign giri mot BookingRequest sé gom mot Tour_StartDate, nhiéu BookingRequest 6 thé dirge giti véi cing mét Tour_StartDate, Voi cic yéu cau tir vin , mit AdvieeRequest tuong ong voi mot Tour, mot Tour 6 thé co nhiéu AdviveReques Ngoai ra, bing Admin lu trit thong tin quin I¥ trang. Pham Van Phong — 20215448113150 — Project 1 2.5. Thiét ké kién tric: = = eed D) contig Muc dich va nhigm vy cia timg package: View: Chita giao + Controller: Chita cée yéu cau xir ly yéu cdu HTTP va tuomg tie véi Service © Service: Chita ie lip logic va giao tiép voi Repository * Repository: Chita cic lap tong tic voi co sé dir ligu qua ede phurom a ¢-Read-Update-Dele © Models: Chita cdc d6i tung dit ligu (entity) + DTO: Chita cic l6p Data transfer object do Repository tra vé Models © Config: Chira lép mi hoa password vai cd hinh bao mit cho hg théng 2.6. Thiét ké giao dién Biéu dd chuyén giao giao dign Pham Vin Phonj173150 — Project 1 CHU'ONG 3. XAY DUNG CHUONG TRINH 3.1. MA nguén chweng trinh: Ma nguén chuong ‘Fa urge Tur tri tai: hty 3.2. Thu vién va céng cu sur dung: ~ Dy dn sir dung Thymeleaf la template engine dé xay dung giao dign ya nhin dit ligu tir backend. = Sirdyng java Spring Boot dé xay dung backend trang web. Bang ligt ké cde ther vign, cng nghé va c6ng cu sir dung trong hé thong Xay dimg template & phia Thymeleaf may chi Java. Thymeleaf 3.1.2 ‘Quan ly céie Dependency, | Maven Spdpednin mayen 4.0.0 HIME Xée dinh cau tric tia MLS | trang web Pham Van Phong — 20215448173150 — Project 1 Dinh ngbia kigu dang cia css ee 883 JavaSctipt Thém tinh rong t8echo | aviscrint 18 trang web Nan nati lap inh Java ae Java 17 Framework Java giap phat Spring Boot 3 trign ting dung web nhanh | Spring Boot 3.0.0 chon, Framework Java cung ep Spring Security bio mit cho img dung | Spring Sceurity 6.0.0 web Beas Framework Javaeungeap | oe Spring Session quida ty pliién ngwbi ding Spring Session 2,6,0 He quan arj eo so dir ligu MySQL eae MySQL 8.0.29 VEGode TEcodevemplae BK | vs code 1.652 3.3. Két qua chong trinh minh hoa ‘Thong tin img dung: ‘Sé ding code: 3.939 86 package:6 $6 class java: 37 Dung long ton bo ma nguén : khoang 20MB 3.4, Giao dién minh hoa cac chic nang cua chong trinh Gino dign trang chi - Khach: Pham Van Phong — 20215448113150 — Project 1 mccam@«Boe anh muc a6 xust t ieSesaweeno= Pham 20215448113150 — Project 1 + Gino chi tiét tour — Khach: ‘Sapa Daily Tour Théng tin Pham Van Phong — 20215448113150 — Project 1 in + Gino dign pop — up piri you eau tur vain: Tavis eno te « Giao dign dang nhap: Pham Van Phong — 20215448173150 — Project 1 Sng nhap (Quan tr vién) + Giao dién quan li danh muc tour: «+ Gino dign chinh sia chinh tiét tour: Pham Van Phong — 20215448113150 — Project 1 Dann mue tour + Gino dign pop — up x08 tour: Ban co chac'chan mun xod? Sapa Today tour shin 18 1dam + Gino dign tao tour méi: Pham Van Phong — 20215448113150 — Project t + Gino dign Xie phiéu yéu cau: 3.5. Huéng dan str dung: = Khéeh hang truy cap trang web c6 thé thue hign xem, tim kiém ede tour theo nhu cau, sau d6 giri cde yéu cau dat tour hay tu van dén quan ly trang: = Quan 1y trang sau khi ding nhap vio hé théng tién hanh clu nay. Ngoai ra c6 thé thuc hién quan ly n6i dung & mye danh muc tour. nhan va xu licae yeu Pham Van Phong — 20215448113150 — Project 1 CHUONG 4. KET LUAN VA HUONG PHAT TRIEN ‘Trong qud trinh thye hign bai tap lén, em da dat duge ce két qua sau: + Hoan thinh phign ban 1.0 cia trang web dat géi du lich (phia admin va phia ‘heh hing) véi cde tinh nang co ban di phye vw nhu edu ban dau cua doant aghigp nho. © Gino dign than thign, dé sir dung. © Da duge kiém thir vi chgy én dinh, Uu diém: Trang web dap ing durge cic yeu eau de bai, bao gom: © Hién thj théng tin © Quan ly danh myc tour, ndi dung tour © Xirli yeu céu khach hing Nhurge diém © Trang web sir dung cong nghé kha moi vi vay gay kho khiin trong tim higu va. wién khai xay dung © Kindng chuyén mon cia cd nhan chua di tt, higu svat e6ng vige theo thoi gian chira cao. © Qué trinh kiém thir chira phi toain b6, co nguy co xudt hign 131 sau khi dira vio sir dung. Huréng phat trién . © Phat trién tip cdc chite ning mé ring tai version 2 ciia trang web (Ait do hw nigm, phat trién eae chire nang quan IY, théng ké etta admin), tieh hyp tri tue hin tao xay dig chatbot cho trang web. © Trau di kign thie, ki nding ed nhain, CHUONG 5. TAI LIEU THAM KHAO ~ Tai ligu hudng din sit dung Thymeleaf két ndi véi Spring boot: hittps://www.thymeleaf_org/documentation, html ~ Tai ligu hung din sir dung Spring Boot: Pham Van Phong — 20215448