M CL C
4/Lp trình bi u din thông tin
áp ng yêu c u đ a ra, web th hi n thông tin đ ng nh t, rõ ràng, logic, ti n d ng, d truy c p không r i r m cho khách truy c p.
C u trúc Website bao g m 2 l p: L p ngoài và l p qu n tr . Thông tin đ c thi t k logic, đ y đ , ti n d ng. Thông tin hi n th l p ngoài, s đ c l p admin qu n lý, c p nh t thông tin, t t c các thông tin n i dung đ c th hi n ngoài web đ u đ c qu n lý b i l p 2.
L p ngoài: g m hai trang intro và trang index.
Trang intro: t i trang này có hai l a ch n Ti ng Vi t và Ti ng Anh(Hình tham kh o r i s d ng)
Hình 38- Giao di n trang intro
Trang index:
G m có các thành ph n Banner, thanh menu top, bottom, left, right ch a nh ng n i dung chung, ti n cho khách truy c p, khi có nhu c u có th truy c p b t k lúc nào, nên đ c gi c đnh, hi u ng side đ u m i trang và hình nh t t c các khu du l ch s luôn đ c th hiên và nó s thay đ i khi admin thay đ i. Ph n chính gi a c a index, n i dung trang thay đ i theo t ng danh m c khi đ c khách ch n.
Banner: Hi u ng hình nh đ c t o b i k thu t flash, flash này đ c qu n lý b i admin, hình nh thay đ i khi admin thay th nó thành hình nh khác, d li u đ c l y lên t database và đ c l p trình khi khách s d ng ch n ngôn ng là ti ng vi t thì d li u ti ng vi t s đ c load lên hi n th ngoài web, d li u đ c đ c t o t hai th c th tbl_content_category và tbl_content.
Hình 39 – Giao di n qu n lý banner top hai ngông ng Vi t Nam và English
Thanh menu top: S d ng k thu t javasript h tr ti n d ng xem gi trên website, Bi u t ng hai lá c Vi t Nam và English đ l a ch n hai ngôn ng Vi t Nam Và English. và các n i dung s hi n th theo ch n l a(Trang ch , Gi i thi u, khu du lich, tour du l ch, tin t c và s ki n, liên h ).
Tour du l ch: tour du l ch đ c s p x p theo các lo i đa hình du l ch t ng đa danh, các lo i đa hình đ c trình bày d i d ng menu x d c m t c p, d li u l y t th c th tbl_tour_category và tbl_tour. khi ch n lo i đ a hình du l ch t tour, thì t t c nh ng tour c a lo i đ a hình đó, du ngo n trên ba mi n s đ c hi n th , cho phép b n l a ch n đa danh n i mu n đi, và khi đã hài lòng v i d l a ch n b n hãy liên h tr c ti p theo thông tin liên h đ c cung c p, ho c b n có th g i email đ t tour tr c ti p t i admin. thông tin s t i admin và nhà qu n lý có thông tin chi ti t th c m c s tr c ti p liên h l i v i b n th a đáng ph c v nhu c u cho khách.
Hình 40- Trang liên h đ t tour
Tin t c và s ki n: có hai n i dung chính là tin t c chung và tin t c du lich, thông tin d li u và c p nh t thông tin đ c l y t hai th c th tbl_new_category và tbl_new.
Ph n menu left:
Danh m c du l ch: s d ng k thu t javascirp, k thu t CSS, và l p trình x lý t o menu. D li u menu đ c l y lên t hai th c th tbl_product_category và tbl_product. Th c th tbl_product_category ch a t t c các lo i hình danh m c cha con, đ c thi t k đ qui, đ nh n bi t lo i hình nào là c p con c a lo i đa hình c p trên nó.
Th c th tbl_product ch a n i dung thông tin chi ti t khu du l ch thu c danh m c lo i hình du l ch c a mi n trong b ng tbl_product_category.
menu x ngang đa c p(C u trúc web là 3 c p): khu du l ch đ c phân chia theo mi n, trong t ng mi n s phân chia theo lo i đa hình du l ch.
Du l ch t nhiên: hang đ ng, du l ch bi n, th ng c nh, di s n thiên nhiên th gi i, v n qu c gia.
Du l ch nhân v n: Di tích l ch s , di s n v n hóa th gi i; làng ngh c truy n; l h i truy n th ng; đ n, chùa, tháp; Buôn,làng.
Khách s n: Thông tin toàn b các khách s n s đ c hi n th , có s d ng k thu t phân trang, d li u đ c l y t th c th tbl_place, thông tin đa đi m khách s n l y t th c th tbl_place_category.
Nhà hàng: Thông tin v nhà hàng t i các t nh thành t i ba mi n B c, Trung, Nam đ c hi n thi, d li u đ c l y t th c th tbl_content_category và tbl_content, đ ti n cho khách truy c p, k thu t phân trang c ng đ c áp d ng.
T i đây có h tr b n đ ba mi n B c, Trung, Nam, h tr thêm thông tin cho khách truy c p website.
Hình 43 – S đ 3 mi n B c, Trung, Nam. Ph n menu right:
G m tin t c và s ki n n i b t trong m i l nh v c và l nh v c du l ch h tr cung c p thông tin k p th i t i du khách truy c p.
Ch c n ng tìm ki m: Tìm ki m theo khu du l ch, tìm ki m tour du l ch, tìm ki m khách s n( Tìm ki m theo tiêu đ và mô t ng n). H tr tìm ki m không d u trên website.
Ph n dành cho qu ng cáo: logo, hình nh qu ng cáo và có url link, góp ph n quan tâm nhi u c a các doanh nghi p, t o ph n thu hút c a web.
Ph n bootom: thông tin liên h , thông tin đ ng đ c thay đ i b i admin.
Ph n hi n th side: s d ng k thu t javasricp t o đ d li u t o hình nh đ ng, gi i thi u m t s hình nh đ p v khu du l ch, hình nh đ c admin qu n lý và thay đ i(Hình 44 minh h a)
Hình 44- Side đ c hi n th s d ng javascrip
Hi u ng side chuy n đ ng
Ph n side cu i c a gi a trang, hi n th t t c các hình nh c a các khu du l ch đã đ c c p nh t, t o m t cái nhìn t ng quan thông qua hình nh v v đ p các khu du l ch trên ba mi n, khi mu n xem chi ti t thì click vào đó, thông tin c th c a hình nh du l ch đó s hi n th . S d ng k thu t Maqueue, l p trình chuy n đ ng t trái sang ph i và ng c l i tùy theo s l a ch n c a b n(Hình 45 minh h a) (adsbygoogle = window.adsbygoogle || []).push({});
Hình 45- Hi n th t t c các khu du l ch b ng hi u ng hình nh.
Trang ch (frame=home): bao g m t t c thông tin t ng quát gi i thi u t ng quan, thông tin v nhà hàng, khách s n, khu du l ch, tour du l ch tiêu bi u, và thông tin chung và thông tin trong ngành du l ch m i s đ c hi n th (Hình 46 minh h a)
Hi u ng chuy n đ ng maqueue
Hình 46- C u trúc chính c a website
Hình 47: Trang gi i thi u
Trang khu du l ch: t ng quan t t c các khu du l ch c a ba mi n ( frame= producttonghop): Các khu du l ch đ c l p trình theo nhóm lo i đ a hình, link linh đ ng t o s ti n d ng d dàng cho khách truy c p, v i s l ng các khu du l ch s d ng k thu t phân trang thu n ti n trong vi c theo dõi thông tin, D li u đ c hi n th theo nhóm các lo i hình du l ch đã đ c c p nh t trong admin. D li u c ng đ c c p nh t theo hai ngôn ng Ti ng Vi t Và Ti ng Anh và khi nh p d li u thu c ngôn ng nào thì s ch n th m c cha là ngôn ng đó(Hai ngôn ng Ti ng Vi t Và Ti ng Anh, đ c coi là danh m c c p cha) D li u đ c load t hai th c th tbl_product_category và tbl_product.
Hình 48- th hi n các khu du l ch đ c c p nh t và phân theo c p cha con
Hình 49- T ng th khu du l ch c a ba mi n đ c l p trình xu t hi n theo nhóm
Trang liên h ( frame=contact): truy c p website, khách hàng mu n g i thông tin t i nhà qu n tr v th c m c yêu c u c a mình v b t c v n đ gì thì quí khách hãy g i thông tin liên h t i admin đ đ c gi i đáp, thông tin quí khách liên h , s đ c g i tr c ti p t i mail qu n tr ( D li u đ c load t th c th tbl_config), s d ng mail đ liên h trao đ i thông tin, email qu n tr đ c thay đ i theo ý(Hình 50 minh h a)
Ngôn ng trong Website:
ây là d án Website đa ngôn ng (Anh-Vi t song song), các d li u đ c phân b và hi n th t ng ng d a vào hai k thu t:
Ngôn ng hi n th ngoài web, tùy thu c vào ng i s d ng ch n ngôn ng nào, khi ngôn ng nào đ c ch n thì d li u c a ngôn ng đ c ch n l p trình l y lên chính xác. C u trúc cây th m c luôn có hai th m c cha trên cùng là Viet nam và English.
Hình 52- mình h a cho th y c u trúc cây thuc m c trong quá trình qu n lý ngôn ng .
Hình 53- minh h a cho th y trong quá trình c p nh t d li u luôn ph i đ c l a ch n m t danh m c.
Th m c cha là ti ng vi t, thì th m c con c ng th trong c hai ngôn ng .
• i v i d li u (ph n n i dung): s d ng l p trình đ a d li u t ng ng vào Table.
Hình 54- Giao di n b ng ngôn ng ti ng Anh c a trang Web
L p qu n tr :
T t c các thông tin danh m c du l ch, tour du l ch, tin t c và s ki n, nhà hàng, khách s n, banner top, hi u ng side, thông tin liên h , qu ng cáo, liên k t web …. đ c hi n th ngoài web đ u đ c qu n lý b i l p 2. T t c đ c s p x p theo danh m c qu n lý t ng ng các m c s đ c hi n th l p ngoài web. T i l p này s th c hi n các thao tác c p nh t, ch nh s a n i dung các th c th đ c xây d ng trong c s d li u, t đó d li u ngoài web s đ c thay đ i nh mong mu n, qu n tr th ng nh t v c u trúc trong ph n qu n lý thông tin.
Hình 55: Giao di n đ ng nh p trang Qu n tr
Trang qu n tr admin.php cho phép phía ng i dùng (nhà qu n tr m ng sau này) có th c p nh t thông tin, hình nh, các thành ph n giao di n thay đ i đ c cho Website.
Giao di n c a trang qu n tr không c n ph i b t m t nh ng ph i đ m b o tính tr c quan và d s d ng.
Hình 56: Giao di n trang qu n tr
Các danh m c, s đ th m c d li u đ c th hi n qua b c c n m phía tay trái c a trang qu n tr . Ng i s d ng (qu n tr trang Web) có th c p nh t (thêm, xóa, s a) các d li u m t cách nhanh chóng và hi u qu .
Các thành ph n chính trong trang qu n tr bao g m:
• Danh m c đi m đ n
• Danh m c du l ch
• Danh m c Tour
• N i dung
• H th ng (adsbygoogle = window.adsbygoogle || []).push({});
Ng i qu n tr có th thay đ i ho c thêm, b t các lo i d li u trên nh m giúp cho trang web luôn luôn đ c c p nh t, đ i m i v i các thao tác c c k đ n gi n ch b ng vài cú nh p chu t và Copy-dán. D li u s đ c c p nh t t c th i sau khi thay đ i và th hi n ngay trên giao di n Website.
PH井N V – K蔭T QU謂
1. Nh n xét chung:
̇ C u trúc website:
C u trúc c a c Website có th coi nh khá ch t ch v m t n i dung c ng nh giao di n hi n th .
̇ Giao di n website:
Giao di n khá hài hòa và thân thi n v i ng i s d ng. V i tông màu xanh d u nh và các hình nh đ c x lý phù h p v i vi c xem tr c tuy n (v a đ p v a nh ), trang Web có kh n ng thuy t ph c đ c nh ng user khó tính nh t.
Các Slideshow hình nh giúp cho ng i xem không b c m giác nhàm chán v a góp ph n xây d ng nên tính “đ ng” c a trang Web.
̇ Xây d ng c s d li u:
V i yêu website xây d ng đ t đ c hi u qu cao nh t, tính ti n d ng và th c ti n c a website đáp ng đ c m c tiêu đ ra, v i nh ng k thu t x lý thông tin logic đ y đ đáp ng ph c v cung c p thông tin cho khách truy c p, c s d li u đ c phân tích chuyên sâu v i h qu n tr c s d li u Mysql, d li u xây d ng logic gi a các th c th . Các thông tin truy xu t khu du l ch, t i khu du l ch thì t ng ng có các tour du l ch, thông tin h tr nh khách s n, nhà hàng liên quan và t t c các thông tin ngoài web là đ ng, c s d li u đã hoàn toàn đáp ng v i m i d li u mu n thay đ i. Xây d ng c s d li u logic nh ng nó l i x lý hoàn toàn đ c l p, t o kh n ng qu n lý và c p nh t thông tin ti n l i cho ng i qu n tr , l p trình thu n ti n d truy xu t trong vi c th c hi n câu l nh, nâng cao t c đ truy xu t d li u cho ng i dùng. C s d li u đ c xây d ng t t trong vi c hi n th l y d li u hi n th hai ngôn ng ngoài website, áp ng đ c phân lo i thông tin(Tiêu bi u, n i b t, m i) S đáp ng truy xu t thông tin hi u th ngoài web hoàn toàn logic h p lý. C s d li u xây d ng đã gi i quy t đ c m i x lý đ a ra.
C s d li u hi n t i khá đ y đ và phong phú h n n a l i có kh n ng c p nh t (thông qua giao di n ng i qu n tr ) nên d án có tính kh thi cao, có th đ a vào s d ng th c t .
̇ L p trình bi u di n, x lý thông tin:
K thu t l p trình, k t h p v i nhi u k thu t khác đ c áp d ng x lý: Javasript, css, k thu t httm, k t h p nhu n nhuy n gi a php và Mysql website đã đáp ng, gi i quy t yêu c u đ t ra ban đ u, đ a l i hi u qu cao cho website v tính th c ti n cho ng i s d ng.
Các ch c n ng rõ ràng, d hi u, mang tính logic. Tìm ki m d li u v khu du l ch, tìm ki m tour, tìm ki m khách s n đ c l p trình x lý phù h p v i m c đích c a ng i dùng.
C u trúc trang rõ ràng, nh t quán ti n l i cho ng i dùng. thông tin đ y đ , không r i r m, logic d li u mang l i tính th c t c a website
Thông tin trong t ng trang rõ ràng, logic, d hi u trong vi c truy xu t l p trình x lý thông tin. Thông tin đ c hi n th theo t ng lo i thông tin(Thông tin d li u tiêu bi u, thông tin m i) c ng đ c l p trình x lý rõ ràng.
L p trình x lý t t trong vi c th hi n l a ch n hai ngôn ng Ti ng Vi t và Ti ng Anh c a website, có áp d ng javasript trong quá trình x lý
Xây d ng trang qu n lý thông tin thu n ti n, d s d ng, d li u đ c c p nh t phù h p đáp ng đ c hoàn toàn x lý, n i dung d li u hi n thi ngoài web. Xây