Tr ng i H c M TP.HCM Khoa Công Ngh Thơng Tin Ngành M ng Máy Tính LU N V N T T NGHI P TÀI: XÂY D NG WEBSITE H TH NG TH VI N PH N M M GVHD : Ths Võ Nh t Vinh SVTH : Ngô Thanh Sang MSSV : 10460101 TP.HCM - N m 2009 -1- L IC M N - u tiên, em xin g i l i c m n đ n Th y, Cô khoa Công ngh Thông Tin tr ng i h c M TP H Chí Minh t n tình d y d , dìu d t chúng em su t b n n m đ i h c Em c m n Th y Võ Nh t Vinh, ng i t n tình h ng d n, giúp đ , đ ng viên em hoàn thành lu n v n Tôi xin cám n quý b n bè đ ng nghi p giúp đ tơi q trình ch y th nghi m ng d ng, c ng nh nh n xét, góp ý v giao di n ch c n ng ch ng trình Cu i cùng, c m n Ba, M nh ng ng th i gian h c t p, nghiên c u đ có đ i thân khích l , đ ng viên c thành qu nh ngày TP H Chí Minh Tháng n m 2008 Ngô Thanh Sang -2- M CL C GI I THI U TÀI C NG TÀI M C L C HÌNH NH .7 N I DUNG TÀI CH NG 1: GI I THI U 1.1 Miêu t th c tr ng .9 1.1.1 M t s h th ng l n n c: 1.1.2 Nh ng nét đ t tr ng c a đ tài: 13 1.2 M c tiêu 14 1.2.1 M c tiêu ng n h n: 14 1.2.2 M c tiêu dài h n: 14 CH NG 2: PHÂN TÍCH 15 2.1 Phân tích mơ hình d li u phân lo i ph n m m .15 2.1.1 Phân tích s đ ch c n ng: 15 2.1.2 Phân tích s đ web ( sitemap ) : 18 2.1.3 Phân tích s đ d li u: 20 2.1.4 T ng k t: 28 2.2 Phân tích k thu t tìm ki m ph n m m m ng: 28 2.2.1 Gi i thi u t ng quát v k thu t tìm ki m ph n m m m ng 28 2.2.2 Li t kê m t s k thu t phân tích u khuy t m 28 2.2.3 T ng k t k thu t tìm ki m ph n m m m ng 31 CH NG 3: HI N TH C CH 3.1 C 3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 3.1.7 3.1.8 3.1.9 3.2 Hi 3.2.1 NG TRÌNH NG D NG 32 s lý thuy t áp d ng đ xây d ng ch ng trình .32 Ngơn ng l p trình web: 32 Ngôn ng l p trình PHP: 32 H qu n tr c s d li u MySQL: 32 Ngôn ng thi t k website HTML & CSS: 32 Ngôn ng nhúng Javascript: 33 K thu t l p trình web AJAX: 33 Framework Javascript - Prototype: 33 Framework PHP – Smarty: 33 S k t h p hoàn h o gi a Smarty Prototype: 34 n th c ng d ng 34 C u trúc ch ng trình ng d ng 34 -3- 3.2.2 C u trúc d li u ch ng trình .34 3.2.3 Các ph ng th c t i client giao di n t ng ng: 46 3.3 T ng k t đánh giá: 56 CH 4.1 4.2 CH 5.1 5.2 NG 4: T NG K T VÀ ÁNH GIÁ TOÀN B TÀI 58 Nh ng u m: 58 Nh ng khuy t m: 58 NG 5: TÀI LI U THAM KH O 59 Sách – ebooks: 59 Website: 59 -4- XÂY D NG WEBSITE H TH NG TH VI N PH N M M Th c hi n b i Ngô Thanh Sang Sinh viên n m cu i khoa Công Ngh Thông Tin tr Gi ng viên h ng H M TP.HCM ng d n: Ths Võ Nh t Vinh Do tình hình hi n nay, công ngh ngày phát tri n, ng i ng i đ u dùng máy tính, h n n a vi c k t n i m ng internet th i m hi n t i d ng nh d dàng ph bi n h n tr c r t nhi u Do đó, nhu c u ng i đ i v i máy vi tính khơng cịn tr nên đ n gi n H c n nhi u h n v ch c n ng c ng nh d ch v mà máy tính mang l i i u cho th y, vi c tìm ki m nh ng ph n m m cài đ t thêm cho máy tính r t c n thi t t t y u t ng lai Ngồi ra, cịn m t v n đ mà h u nh m i l p trình viên đ u quan tâm tìm m t n i đ h c h i tham kh o v ch c n ng c ng nh v giao di n cho nh ng ph n m m mà h s vi t H n th n a, vi c nh ng sinh viên c a th ng làm đ án ho c lu n v n v i nh ng đ tài r t thi t th c nh ng h u nh ch m t s đ c t n d ng đa s l i đ u b b m t cách u ng phí Nhìn chung, nh ng ph n m m sinh viên t vi t ho c làm d án tr ng th ng đ c quan tâm h m t ph n không đ a s n ph m c a đ n tay cơng chúng, nh ng doanh nghi p, nh ng cá nhân có nhu c u th h chán n n th ng b không mu n ti p t c V i nh ng lý trên, website h th ng th vi n ph n m m mong mu n đáp ng ph n nhu c u tìm ki m, tãi, tham kh o, chia s , đ a cơng chúng… nh ng ph n m m có kh , có hi n t i s có t ng lai tài đ c chia làm ph n : Ph n I: Gi i thi u v nh ng website h th ng th vi n ph n m m có nh ng m n i b t c ng nh nh ng cịn ch a đáp ng đ c c a nh ng h th ng này, gi i thi u m khác bi t n i b t c a đ tài so v i nh ng h th ng có, c ng nh ph ng h ng phát tri n c a đ tài Ph n II: i vào phân tích yêu c u c a website h th ng th vi n ph n m m bao g m s đ ch c n ng, s đ d li u, c u trúc website, cách th c phân lo i tìm ki m ph n m m Ph n III: Hi n th c nh ng v n đ đ c phân tích bao g m xây d ng ng d ng đáp ng v i mơ hình hi n th c kh n ng tìm ki m ph n m m m ng Thi t k xây d ng giao di n website Ph n IV: T ng h p đánh giá v h th ng Nh ng t khóa đ tài: Website, h th ng, th vi n, ph n m m, d li u -5- C CH NG LU N V N NG 1: GI I THI U 1.1 Miêu t th c tr ng 1.1.1 M t s h th ng lo i 1.1.2 Nh ng nét đ c tr ng c a đ tài 1.2 M c tiêu 1.2.1 M c tiêu ng n h n 1.2.2 M c tiêu dài h n CH NG 2: PHÂN TÍCH 2.1 Phân tích mơ hình d li u phân lo i ph n m m 2.1.1 Phân tích s đ ch c n ng 2.1.2 Phân tích s đ web 2.1.3 Phân tích s đ c s d li u 2.1.4 T ng k t 2.2 Phân tích k thu t tìm ki m ph n m m m ng 2.2.1 Gi i thi u t ng quát v k thu t tìm ki m ph n m m m ng 2.2.2 Li t kê m t s k thu t phân tích u khuy t m 2.2.3 T ng k t CH NG 3: TH C HI N 3.1 Xây d ng ng d ng d a mơ hình d li u phân tích 3.1.1 Xây d ng giao di n 3.1.2 Xây d ng code 3.1.3 K t h p t o nên ng d ng hoàn ch nh 3.1.4 T ng k t nh n xét 3.2 Xây d ng ng d ng hi n th c gi i thu t tìm ki m ph n m m m ng 3.2.1 Xây d ng giao di n 3.2.2 Xây d ng code 3.2.3 K t h p t o nên ng d ng hoàn ch nh CH NG 4: T NG K T ÁNH GIÁ -6- M C L C HÌNH NH Hình [1.1.1] Giao di n website softpedia.com Hình [1.1.2] Giao di n website www.brothersoft.com 10 Hình [1.1.3] Trang tìm ki m http://thongtincongnghe.com/thuvienphanmem .11 Hình [1.1.4] Giao di n website thongtincongnghe.com/thuvienphanmem 12 Hình [1.1.5] Giao di n website download.com.vn 13 Hình [2.1.1] S đ ch c n ng 15 Hình [2.1.2] S đ web 18 Hình [2.1.3] Thơng tin b ng c s d li u 20 Hình [2.1.4] S đ d li u 21 Hình [2.1.5] Chi ti t b ng ‘tvpm_categories’ 22 Hình [2.1.6] Chi ti t b ng ‘tvpm_categories’ 22 Hình [2.1.7] Chi ti t b ng ‘tvpm_developers’ 22 Hình [2.1.9] Chi ti t b ng ‘tvpm_licences’ 23 Hình [2.1.10] Chi ti t b ng ‘tvpm_mailbox’ .23 Hình [2.1.11] Chi ti t b ng ‘tvpm_news’ 24 Hình [2.1.12] Chi ti t b ng ‘tvpm_platforms’ 24 Hình [2.1.13] Chi ti t b ng ‘tvpm_rates’ 24 Hình [2.1.14] Chi ti t b ng ‘tvpm_search’ 24 Hình [2.1.15] Chi ti t b ng ‘tvpm_softwares’ 25 Hình [2.1.16] Chi ti t b ng ‘tvpm_tags’ .25 Hình [2.1.17] Chi ti t b ng ‘tvpm_tutorials’ .26 Hình [2.1.18] Chi ti t b ng ‘tvpm_units’ 26 Hình [2.1.19] Chi ti t b ng ‘tvpm_users’ 26 Hình [2.1.20] Chi ti t b ng ‘tvpm_cat_grade’ 27 Hình [2.1.21] Chi ti t b ng ‘tvpm_soft_dev’ 27 Hình [2.1.22] Chi ti t b ng ‘tvpm_soft_rate’ 27 Hình [2.1.23] Chi ti t b ng ‘tvpm_soft_tag’ .28 -7- Hình [3.2.1] ng h .46 Hình [3.2.2] L ch v n niên 47 Hình [3.2.3] B ng thông tin gi i thi u 47 Hình [3.2.4] B ng trao đ i liên k t 47 Hình [3.2.5] Form đ ng ký thành viên .48 Hình [3.2.6] Thành viên m i 48 Hình [3.2.7] B ng thơng tin chi ti t thành viên 49 Hình [3.2.8] B ng đ ng nh p h th ng 49 Hình [3.2.9] B ng hi n th tin t c ph n m m 49 Hình [3.2.10] Chi ti t b n tin .50 Hình [3.2.11] Tin m i nh t 51 Hình [3.2.12] Tin xem nhi u nh t 51 Hình [3.2.13] Danh m c ph n m m 51 Hình [3.2.14] Danh sách ph n m m theo danh m c .52 Hình [3.2.15] Ph n m m m i 52 Hình [3.2.16] Ph n m m đ c xem nhi u nh t 52 Hình [3.2.17] Các tab platform 53 Hình [3.2.18] Chi ti t ph n m m 53 Hình [3.2.19] Thêm h ng d n s d ng cho ph n m m .54 Hình [3.2.20] Form ch nh s a h ng d n s d ng ph n m m 54 Hình [3.2.21] Form tìm ki m ph n m m website 55 Hình [3.2.22] K t qu tìm ki m n i b website 55 Hình [3.2.23] Form tìm ki m ph n m m ngồi website .56 Hình [3.2.24] K t qu tìm ki m bên ngồi website .56 Hình [3.2.25] Danh sách t khóa tìm ki m thơng d ng 56 -8- CH NG 1: GI I THI U 1.1 Miêu t th c tr ng 1.1.1 M t s h th ng l n n c: H u h t h th ng th vi n ph n m m tiêu chí sau đây: d ng website đ u th hi n qua 1/ Cách th c t ch c phân lo i 2/ Cách th c s p x p b c c giao di n 3/ Kh n ng, t c đ tìm ki m 4/ ánh giá bình lu n 5/ Giao di n website - Softpeadia (www.softpedia.com): Cách th c t ch c phân lo i: Theo môi tr ng h u hành c th h n n a theo th lo i ch c n ng c a ph n m m Cách th c s p x p b c c giao di n: d nhìn tìm th y nh ng thông tin m i c a t ng m c Kh n ng, t c đ tìm ki m: B ng cách dùng javascript đ u n n i dung hi n th tab làm cho n i dung tab hi n th t c khơng t n th i gian t i n i dung v , ra, h th ng tìm ki m cịn có kh n ng tìm theo nhi u thu c tính c a ph n m m B ng s p x p k t qu tìm c ng h p lý g n nh ng v n ch a cho phép tìm bên ngồi site khác ánh giá bình lu n: Ph n đánh giá đ c th c hi n chi ti t theo tiêu chí m t đánh giá t ng th Ngoài ph n bình lu n c ng đ c th c hi n t t Giao di n website: thân thi n, d nhìn Hình [1.1.1] Giao di n website softpedia.com -9- - Brothersoft (www.brothersoft.com): Cách th c t ch c phân lo i: phân lo i theo danh m c th ( tag ) t ng đ i chi ti t Cách th c s p x p b c c giao di n: ch a hồn thi n danh m c tag cịn lung tung khó nhìn Kh n ng, t c đ tìm ki m: Có kh n ng hi n th t khóa liên quan k t qu đ c s p x p theo n i tìm th y t khóa tiêu đ hay ph n mô t c a ph n m m ánh giá bình lu n: ph n đánh giá th c hi n đ n gi n, ph n bình lu n khơng có Giao di n website: ch a th c s h p d n cịn khó nhìn ch a h p lý b c c Hình [1.1.2] Giao di n website www.brothersoft.com -10- o checkExist($username,$email): Ki m tra s t n t i c a tên đ ng nh p email b ng d li u ng i dùng o isLogged(): Thông báo tr ng thái đ ng nh p o isAdminLogged(): Thông báo tr ng thái đ ng nh p c a ng dùng có quy n c a ng i qu n tr (Administrator) i o isAdmin(): Ki m tra ng i dùng đ ng nh p có ph i ng có quy n qu n tr hay khơng i o insert($username,$password,$grade,$email,$phone='',$yahoo ='',$skype='',$website='',$fullname='',$registered_date,$para ms=''): Thêm m i ng i dùng vào b ng d li u o update($user_id,$username,$password,$grade,$email,$phone ='',$yahoo='',$skype='',$website='',$fullname='',$params=''): C p nh t thông tin c a ng i dùng b ng d li u o delete($user_id): Xóa ng i dùng kh i b ng d li u o view_all(): L y t t c thông tin ng i dùng b ng d li u o view($user_id): L y thông tin v m t ng li u o get_user_id(): L y thông tin v tr đ ng nh p vào h th ng i dùng b ng d ng user_id c a ng o get_user_name(): L y thông tin v tr dùng đ ng nh p vào h th ng i dùng ng username c a ng i i dùng o get_user_grade(): L y thông tin v c p b c c a ng đ ng nh p vào h th ng o get_last_error(): Tr v thông p báo l i cu i o register($data): Th c hi n vi c đ ng ký m t ng h th ng i dùng m i vào o get_newest_user($n=10): L y danh sách nh ng ng i dùng m i o get_user_detail($user_id): L y thông tin chi ti t v m t ng dùng b ng d li u i Class Search: Qu n lý d li u t khóa b ng ‘tvpm_search’, v i ph ng th c sau đây: -45- o Search($keywords=''): Ph tìm ki m ng th c kh i t o nh n vào t khóa o add_keyword($keyword): Thêm m t t khóa m i vào bãng d li u o check_exist($keyword): Ki m tra s t n t i c a t khóa b ng d li u o increase_hits($keyword): Gia t ng s l n xem c a m t t khóa đ c ch đ nh tham s o get_popular_keywords(): L y thơng tin danh sách t khóa đ c xem nhi u nh t b ng d li u Ngoài l p th c hi n thao tác qu n lý d li u khu v c qu n tr cịn có ph ng th c đ n l ph c v vi c xu t d li u t i khu v c client Các ph ng th c đ c s d ng đ x lý d li u server trình t t i client th c hi n k thu t ajax đ yêu c u d li u 3.2.3 Các ph ng th c t i client giao di n t • show_clock(): Hi n th đ ng h ng ng: c t bên trái bên trang gi i thi u Hình [3.2.1] ng h • show_calendar(): Hi n th l ch v n niên bên trái trang gi i thi u -46- Hình [3.2.2] L ch v n niên • show_introduction(): Hi n th đo n v n b n gi i thi u t ng quát v đ tài trung tâm c a trang gi i thi u Hình [3.2.3] B ng thơng tin gi i thi u • show_exchange_links(): Hi n th liên k t trao đ i gi i thi u c t bên ph i c a trang Hình [3.2.4] B ng trao đ i liên k t -47- • show_register_form(): Hi n th form đ ng ký gi a trang “đ ng ký” Hình [3.2.5] Form đ ng ký thành viên • check_exist(): Ki m tra tránh s trùng l p tên đ ng nh p email • register_user(): ng ký ng i dùng vào danh sách thành viên • show_newest_user(): Hi n th nh ng ng i dùng m i đ ng ký g n nh t Hình [3.2.6] Thành viên m i • show_detail_user(): Hi n th thơng tin chi ti t c a thành viên Khi nh n vào m t thành viên danh sách ng i dùng m i -48- Hình [3.2.7] B ng thơng tin chi ti t thành viên • login_user(): ng nh p ng i dùng vào h th ng Hình [3.2.8] B ng đ ng nh p h th ng • show_all_news(): Hi n th tin t c hi n có b ng d li u trang “tin t c” Hình [3.2.9] B ng hi n th tin t c ph n m m -49- • show_detail_news(): Hi n th chi ti t m t b n tin Hình [3.2.10] Chi ti t b n tin • show_latest_news(): Hi n th tin t c m i nh t -50- Hình [3.2.11] Tin m i nh t • show_popular_news(): Hi n th tin t c đ c xem nhi u nh t Hình [3.2.12] Tin xem nhi u nh t • show_categories_list(): Hi n th danh m c ph n m m Hình [3.2.13] Danh m c ph n m m -51- • show_soft_by_cat(): Hi n th danh sách ph n m m theo danh m c Khi nh n vào m t danh m c c th Hình [3.2.14] Danh sách ph n m m theo danh m c • show_latest_soft_left(): Li t kê ph n m m m i nh t Hình [3.2.15] Ph n m m m i • show_best_view_soft(): Li t kê ph n m m đ Hình [3.2.16] Ph n m m đ c xem nhi u nh t c xem nhi u nh t • show_tab_platform_list(): L y danh sách platform t o tab -52- Hình [3.2.17] Các tab platform • show_latest_soft(): Li t kê danh sách ph n m m m i c a t ng tab • show_detail_soft(): Hi n th chi ti t thông tin v m t ph n m m Hình [3.2.18] Chi ti t ph n m m • download_soft(): Th c hi n công vi c xu t liên k t download cho ng t i v nh n vào bi u t ng download i dùng • edit_soft(): ây thao tác dành cho Editor Administrator đ ch nh s a thông tin tr c ti p t giao di n client • update_soft(): Th c hi n thao tác c p nh t d li u sau hoàn thành form ch nh s a ph n m m • upload_file(): Th c hi n thao tác upload file lên server -53- • add_tutorial(): Thêm h ng d n cho ph n m m Hình [3.2.19] Thêm h ng d n s d ng cho ph n m m • insert_tutorial(): Thao tác th c thi chèn h bên • edit_tutorial(): Xu t form ch nh s a h Hình [3.2.20] Form ch nh s a h ng d n sau hoàn t t form ng d n ng d n s d ng ph n m m • update_tutorial(): Th c thi thao tác c p nh t ch nh s a sau hoàn t t form ch nh s a h ng d n s d ng ph n m m -54- • show_search_in_site(): Hi n th form tìm ki m n i b website Hình [3.2.21] Form tìm ki m ph n m m website • search_in_site(): Th c thi thao tác tìm ki m ph n m m sau hồn t t nh p li u cho form tìm ki m Hình [3.2.22] K t qu tìm ki m n i b website • show_search_out_site(): Hi n th form tìm ki m ph n m m bên ngồi website -55- Hình [3.2.23] Form tìm ki m ph n m m ngồi website Hình [3.2.24] K t qu tìm ki m bên ngồi website • get_popular_keywords(): Li t kê danh sách t khóa thơng d ng đ d ng nhi u nh t cs Hình [3.2.25] Danh sách t khóa tìm ki m thơng d ng 3.3 T ng k t đánh giá: Nhìn chung ng d ng th hi n đ c m t vài m đáng l u ý là: -56- - ã th c hi n đ h th ng c thao tác s p x p qu n lý đ c thông tin ph n m m - Cho phép đ ng ký thành viên vào h th ng - Th c hi n đ c thao tác th ng kê s b v thành viên đ ng ký - Th c hi n tìm ki m ph n m m toàn b website - Kh n ng tìm ki m đ c site bên ngồi - Cung c p qu n lý tin t c ph n m m - Th ng kê đ c tin t c m i tin t c đ Tuy nhiên v n m t vài m ch a đ t đ tri n th i gian t i: c nhi u ng i xem c mong mu n s ti p t c phát - Kh n ng đánh giá bình lu n v ph n m m - Kh n ng báo cáo ph n m m b l i - Kh n ng g i thông p gi a thành viên - Kh n ng thêm th ghi nh cho m i ph n m m -57- CH NG 4: T NG K T VÀ ÁNH GIÁ TOÀN B TÀI 4.1 Nh ng u m: T ng k t l i đ tài sau th c hi n c ng đ t đ tâm: c m t vài u m đáng quan - Giao di n ng d ng đ n gi n d nhìn - S đ d li u theo h ng m có th d dàng phát tri n v sau - ng d ng đ c công ngh AJAX hoàn toàn vào ng d ng, t o s nhanh chóng m t mà cho ng i dùng - Ch c n ng qu n lý tách bi t s d ng đ n gi n - ng d ng đ c cơng ngh tìm ki m AJAX, m ng internet c a google vào h th ng tìm ki m c a website 4.2 Nh ng khuy t m: Tuy r t c g ng đ đ t đ c m i v n đ mong mu n nh ng dù v y đ tài sau th c hi n c ng m c ph i m t vài khuy t m - Do áp ng công ngh AJAX nên ph i ch p nh n khuy t m c a công ngh - Do ki n th c v đ h a không ph i chuyên ngành nên giao di n thi t k ch a đ t m c đ th m m nh t đ nh - Do ki n th c v c s d li u không thu c chuyên ngành nên khâu thi t k c s d li u nhi u ch ch a h p lý - Do th i gian làm đ tài có gi i h n nên khơng th gi i quy t h t đ v nđ cm i -58- CH NG 5: TÀI LI U THAM KH O 5.1 Sách – ebooks: [1] Monte Ohrt Andrei Zmievski - Smarty Manual - Copyright © 2001 - 2005 New Digital Group, Inc [2] Luke Welling, Laura Thomson - The MySQL Tutorial - November 04, 2003 [3] Philip Olson - PHP Manual - 1997 - 2007 the PHP Documentation Group [4] MySQL AB - MySQL 5.1 Reference Manual - Copyright 1997-2007 5.2 Website: [1] http://www.echip.com.vn/echiproot/weblh/suutam/2002/hdphp.htm [2] http://vi.wikipedia.org/wiki/HTML [3] http://www.quantrimang.com.vn/print/20282.aspx [4] http://www.softpedia.com/ [5] http://www.brothersoft.com/ [6] http://www.sergiopereira.com/articles/prototype.js.html [7] http://www.onlyfreewares.com/ [8] http://www.3d-savers.com/allfree-z.html [9] http://code.google.com/intl/vi/apis/ajaxsearch/documentation/reference.html [10] http://www.soft32.com/ [11] http://www.softplatz.com/ -59-