XÂY DỰNG WEBSITE GIỚI THIỆU HÀNG THỦ CÔNG MỸ NGHỆ

TR B GIÁO D C VÀ ÀO T O NG I H C M THÀNH PH H CHÍ MINH KHOA CÔNG NGH THÔNG TIN KHÓA LU N T T NGHI P tài: XÂY D NG WEBSITE GI I THI U HÀNG TH CÔNG M NGH GVHD : Th y Ninh Xuân H SVTH : T ng Th Thu H MSV : 106H1243 Thành ph H Chí Minh – N m 2009 ng ng L I CÁM N Trong th i gian th c hi n khóa lu n t t nghi p, tơi nh n đ h ng d n t n tình c a th y khoa Cơng ngh thông tin tr TPHCM c s giúp đ ng ih cM c bi t, xin g i l i cám n chân thành đ n: Th y Ninh Xuân H ng – gi ng viên h ng d n tr c ti p cho tơi q trình th c hi n đ tài Trong trình làm đ tài, th y h ng d n nh ng ki n th c chuyên môn c n thi t đ tơi có th hồn thành t t đ tài c a Nh ng ki n th c h c h i đ c t th y khơng ch giúp ích cho đ tài t t nghi p c a tơi mà cịn r t b ích cho công vi c c a sau V i s h hoàn thành t t đ tài ti n đ đ t -i- ng d n t n tình c a th y, tơi DANH M C HÌNH NH Hình 1: L c đ use case th hi n ch c n ng c a khách hàng Hình 2: L c đ use case th hi n ch c n ng c a admin .10 Hình 3: L c đ tu n t mơ t q trình đ ng ký thành viên 11 Hình 4: L c đ tu n t mô t trình đ ng nh p .12 Hình 5: L c đ tu n t mơ t q trình xem s n ph m 13 Hình 6: L c đ tu n t mơ t q trình mua hàng 14 Hình 7: L c đ tu n t mơ t trình tìm ki m 15 Hình 8: L c đ tu n t mơ t q trình đ ng nh p c a admin .16 Hình 9: L c đ tu n t mơ t trình xem liên h 17 Hình 10: L c đ tu n t mơ t q trình thêm admin 18 Hình 11: L c đ tu n t mơ t q trình ch nh s a admin 19 Hình 12: L c đ tu n t mô t trình xóa admin 20 Hình 13: L c đ tu n t mơ t trình thêm menu c p 21 Hình 14: L c đ tu n t mơ t q trình s a menu c p 22 Hình 15: L c đ tu n t mơ t q trình xóa menu c p 23 Hình 16: L c đ tu n t mơ t q trình thêm s n ph m .24 Hình 17: L c đ tu n t mơ t q trình s a s n ph m 25 Hình 18: S đ l p 26 Hình 19: L c đ c s d li u m c v t lý 30 Hình 20: Trang ch 32 Hình 21: Danh m c s n ph m 33 Hình 22: Ch c n ng tìm ki m 33 Hình 23: Danh sách m t hàng tìm ki m 34 Hình 24: Các s n ph m hi n th theo danh m c .35 Hình 25: Trang chi ti t s n ph m 36 Hình 26: Trang vi t nh n xét cho s n ph m 37 Hình 27: S n ph m bán ch y 38 Hình 28: ng kí thành viên 39 Hình 29: Thơng báo đ ng kí thành công 39 Hình 30: ng nh p 40 Hình 31: Danh m c s n ph m ch n mua 40 Hình 32: Hóa đ n mua hàng 41 Hình 33: Thơng báo đ t hàng thành công 41 Hình 34: Liên h .42 Hình 35: Thơng báo thơng tin c n liên h đ c g i 42 Hình 36: Trang ch admin 43 Hình 37: Danh sách menu c p .44 Hình 38: Thêm menu c p 44 Hình 39: Danh sách menu c p .44 Hình 40: Thêm menu c p 45 Hình 41: Qu n tr m c gi i thi u 45 Hình 42: Ch nh s a m c gi i thi u 46 Hình 43: Danh sách khách hàng liên h 47 Hình 44: Chi ti t thơng tin khách hàng liên h 47 Hình 45: Danh sách thành viên qu n tr 48 Hình 46: Thêm thành viên qu n tr 48 Hình 47: Ch nh s a thơng tin thành viên qu n tr 48 Hình 48: Xóa thơng tin thành viên qu n tr 48 Hình 49: Danh sách s n ph m 49 Hình 50: Danh sách ch t li u hi n có .50 - iv - Hình 51: Thêm s n ph m m i 51 Hình 52: Ch nh s a thơng tin s n ph m 52 Hình 53: Xóa s n ph m 53 Hình 54: Danh sách khách hàng đ ng kí thành viên 54 -v- DANH M C B NG BI U B B B B B B B B B B ng 1: admin 27 ng 2: user 28 ng 3: Chatlieu .28 ng 4: Loai .28 ng 5: Gioithieu 28 ng 6: Lienhe 28 ng 7: Sanpham 29 ng 8: Orderb 29 ng 9: DetailOrder 29 ng 10: Nhanxet .30 - vi - L I NÓI Trong nh ng n m g n đây, nhanh m c s ng c a ng U Vi t Nam, s ng i s d ng Internet t ng r t i dân ngày m t t ng lên h ph n ý th c đ quan tr ng c a vi c khai thác thông tin Internet ct m ây c ng u ki n thu n l i đ doanh nghi p xây d ng website qu ng bá, gi i thi u s n ph m c a doanh nghi p đ n m i đ i t ng khách hàng thông qua cơng c tồn c u Website gi i thi u hàng th công m ngh c a tôi, giúp khách hàng có th d dàng xem thơng tin v s n ph m có th đ t hàng thông qua website tài “Xây d ng website gi i thi u hàng th cơng m ngh ” có ch c n ng sau: Xây d ng m i website Qu n tr website: đ m b o vi c c p nh t s n ph m d dàng, nhanh chóng, t ch c hàng hóa theo danh m c m t cách h p lý, khoa h c M c tiêu c a đ tài: Giao di n d s d ng thu hút đ c khách hàng m b o: • Hi n th n i dung thông tin chi ti t s n ph m cách rõ ràng website • L u tr thông tin vào c s d li u • Admin qu n tr đ c website • Khách hàng có th đ t hàng tr c n website - vii - M CL C L I CÁM N i NH N XÉT C A GIÁO VIÊN H NG D N ii NH N XÉT C A GIÁO VIÊN PH N BI N iii DANH M C HÌNH NH .iv DANH M C B NG BI U .vi L I NÓI U vii M C L C .viii T NG QUAN V LÝ THUY T 1.1 Tìm hi u v công ngh PHP 1.1.1 PHP gì? .1 1.1.2 u m c a PHP 1.2 Gi i thi u v c s d li u MySQL .1 1.3 Gi i thi u v UML 1.3.1 T i ph i xây d ng mơ hình cho h th ng? .1 1.3.2 Khái ni m v UML .2 1.3.3 T i s d ng UML? 1.3.4 nh ngh a Actor 1.3.5 nh ngh a Use case .2 1.3.6 L c đ Use case 1.3.7 Bi u đ tu n t (Sequence diagram) 1.3.8 nh ngh a s đ l p, l p, quan h 1.4 Tìm hi u ki n th c v th ng m i n t .3 1.4.1 nh ngh a th ng m i n t .3 1.4.2 Các lo i th tr ng n t 1.4.3 C a hàng tr c n 1.4.4 Quy đ nh c a Vi t Nam v th ng m i n t 1.4.5 Vì c n ng d ng th ng m i n t 1.4.6 M t s nguyên t c c a bán hàng tr c n 1.4.7 Các đ a ch website h u ích đ tìm hi u v tốn qua m ng 1.5 Hàng th công m ngh khác m t hàng khác nh th nào? .7 PHÂN TÍCH H TH NG 2.1 L c đ use case mơ t mơ hình nghi p v : 2.1.1 Nh n di n actor .8 2.1.2 L c đ use case th hi n ch c n ng c a khách hàng .8 2.1.3 L c đ use case th hi n ch c n ng c a admin 2.2 Các l c đ tu n t cho h th ng (Sequence diagram) 11 2.2.1 Các l c đ tu n t cho khách hàng 11 2.2.2 Các l c đ tu n t cho admin 15 2.3 S đ l p (Class diagram) 26 THI T K 27 3.1 Thi t k d li u 27 3.1.1 L c đ c s d li u quan h .27 3.1.2 Mô t chi ti t b ng d li u .27 3.1.3 L c đ c s d li u m c v t lý .30 N I DUNG TÀI 31 4.1 Ph n dành cho khách hàng 31 4.1.1 Trang ch 32 4.1.2 Danh m c 33 4.1.3 Tìm ki m: .33 4.1.4 Trang s n ph m 35 - viii - 4.1.5 Trang chi ti t s n ph m 36 4.1.7 Trang đ ng kí thành viên 39 4.1.8 Trang đ ng nh p 40 4.1.9 t hàng 40 4.1.10 Trang liên h 42 4.2 Ph n dành cho ng i qu n tr .43 4.2.1 Trang ch admin 43 4.2.2 Trang qu n tr menu .43 4.2.3 Trang qu n tr m c gi i thi u .45 4.2.4 Trang qu n tr liên h 47 4.2.5 Trang qu n tr admin 48 4.2.6 Trang qu n tr s n ph m .49 4.2.7 Qu n tr thành viên .54 K T LU N 55 5.1 Các k t qu đ t đ c 55 5.2 M t s h n ch 55 5.3 H ng phát tri n 56 TÀI LI U THAM KH O 57 - ix - T NG QUAN V LÝ THUY T 1.1 Tìm hi u v cơng ngh PHP 1.1.1 PHP gì? PHP(Personal Home Page) ngơn ng k ch b n th c thi server, đ c thi t k cho phép xây d ng ng d ng web đ ng (có k t n i c s d li u) u m c a PHP 1.1.2 - D s d ng, chi phí th p ph n m m ngu n m nên không t n ti n mua b n quy n - H tr nhi u d ng c s d li u nh : MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC - PHP ch y nhi u platform khác nhau: Windows, Linux, Unix… 1.2 Gi i thi u v c s d li u MySQL - MySQL h qu n tr c s d li u mã ngu n m - S d ng đ - H tr câu l nh SQL chu n - MySQL có nhi u phiên b n cho h Windows, Linux… - Mi n phí đ t i v s d ng 1.3 Gi i thi u v UML 1.3.1 c cho ng d ng web nh l n u hành khác nh : T i ph i xây d ng mô hình cho h th ng? Xây d ng mơ hình đ hi u rõ h n v h th ng mà xây d ng, t o c h i đ có th đ n gi n hóa tái s d ng Chúng ta xây d ng mơ hình đ ki m sốt r i ro Vi c l p mơ hình khơng ch dành cho h th ng l n Khi xây d ng mơ hình s đ t đ c m c đích sau: Mơ hình giúp tr c quan hóa h th ng nh v n có hay theo cách mà mu n s nh v y Mơ hình cho phép ch rõ c u trúc ng x c a h th ng Mơ hình cho m t khn m u đ h ta q trình xây d ng h th ng -1- ng d n chúng Mơ hình đ a d n ch ng b ng tài li u v quy t đ nh mà đ a trình thi t k h th ng Tùy thu c vào đ c m t nhiên c a h th ng, m i mơ hình có th t p trung vào nh ng m t khác c a h th ng Nh h th ng t p trung vào d li u mơ hình v ph n thi t k t nh c a h th ng s đ c ý h n Trong h th ng giao di n ng i dùng ph n t nh đ ng c a Use case s quan tr ng Trong h th ng th i gian th c, ti n trình đ ng quan tr ng Cu i cùng, h th ng phân tán d a c s Web mơ hình v th c thi tri n khai quan tr ng nh t 1.3.2 Khái ni m v UML UML ngơn ng mơ hình hố, ngơn ng đ c t ngơn ng xây d ng mơ hình q trình phát tri n ph n m m, đ c bi t phân tích thi t k h th ng h ng đ i t ng UML ngơn ng hình th c, th ng nh t chu n hoá mơ hình h th ng m t cách tr c quan Ngh a thành ph n mô hình đ c th hi n b i ký hi u đ ho , bi u đ th hi n đ y đ m i quan h gi a chúng m t cách th ng nh t có logic ch t ch 1.3.3 T i s d ng UML? d ng đ Mơ hình đ c h th ng (không ch h th ng ph n m m) s c t t c khái ni m h ng đ i t ng m t cách th ng nh t Cho phép đ c t , h tr đ đ c t t ng minh (tr c quan) m i quan h gi a khái ni m c b n h th ng, đ ng th i mô t đ c m i tr ng thái ho t đ ng c a h th ng đ i t ng Ngh a cho phép mô t đ c c mô hình t nh l n mơ hình đ ng m t cách đ y đ tr c quan T n d ng đ c nh ng kh n ng s d ng l i k th a ph m vi di n r ng đ xây d ng đ c nh ng h th ng ph c t p nh y c m nh : h th ng đ ng, h th ng th i gian th c, h th ng nhúng th i gian th c, v.v T o nh ng ngôn ng mô hình hố s d ng đ l n máy tính 1.3.4 ng c cho c ng i nh ngh a Actor Actor không ph i m t ph n c a h th ng Nó th hi n m t i hay m t h th ng khác t ng tác v i h th ng M t Actor có th : Ch cung c p thơng tin cho h th ng Ch l y thông tin t h th ng Nh n thông tin t h th ng cung c p thông tin cho h th ng 1.3.5 nh ngh a Use case -2- 4.2 Ph n dành cho ng i qu n tr V i m c đích giúp ng i qu n tr website d dàng h n vi c qu n lý, c p nh t tin t c cho website, ph n qu n tr đ c xây d ng nh sau: 4.2.1 Trang ch admin Hình 36: Trang ch admin vào đ c ph n qu n tr website, admin c n nh p Tên đ ng nh p M t kh u h p l 4.2.2 Trang qu n tr menu - 43 - Hình 37: Danh sách menu c p Trang giúp admin qu n tr danh m c s n ph m theo ch t li u, lo i m t hàng thêm menu c p 1, nh p ch n nút “Thêm”, s hi n th trang sau: Hình 38: Thêm menu c p Sau nh p thông tin xong, nh n nút “L u”, menu c p s đ thêm thêm menu c p 2, nh p ch n tên menu c p s hi n trang sau: Hình 39: Danh sách menu c p Nh p ch n nút “Thêm” - 44 - c Hình 40: Thêm menu c p Ch n menu c p t list box nh p tên menu c p 2, sau nh n nút “L u” menu c p đ 4.2.3 c thêm Trang qu n tr m c gi i thi u Trang giúp ng i qu n tr thêm, xóa, ch nh s a thông tin m c gi i thi u N u có nhi u m c gi i thi u, ph n tin dành cho khách hàng ch hi n th ph n gi i thi u m i đ c thêm vào g n nh t Hình 41: Qu n tr m c gi i thi u - 45 - Trang ch nh s a m c gi i thi u nh sau: Hình 42: Ch nh s a m c gi i thi u - 46 - 4.2.4 Trang qu n tr liên h Hình 43: Danh sách khách hàng liên h xem thông tin chi ti t ph n liên h c a khách hàng, nh p ch n tên khách hàng t ng ng Hình 44: Chi ti t thơng tin khách hàng liên h - 47 - 4.2.5 Trang qu n tr admin Trang dùng đ thêm, xóa, ch nh s a thành viên qu n tr website Hình 45: Danh sách thành viên qu n tr Hình 46: Thêm thành viên qu n tr Hình 47: Ch nh s a thơng tin thành viên qu n tr Hình 48: Xóa thơng tin thành viên qu n tr - 48 - 4.2.6 Trang qu n tr s n ph m Ng i qu n tr có th thêm, xóa, ch nh s a thông tin s n ph m trang Hình 49: Danh sách s n ph m Mu n thêm s n ph m, nh p ch n nút “Thêm” s hi n trang sau: - 49 - Hình 50: Danh sách ch t li u hi n có Nh p ch n tên ch t li u s vào đ sau: - 50 - c trang đ thêm s n ph m nh Hình 51: Thêm s n ph m m i Sau nh p đ y đ thông tin c n thi t, nh p ch n nút “L u” đ c p nh t s n ph m m i ch nh s a thông tin v s n ph m nh p ch n tên s n ph m c n s a t Danh sách s n ph m, s hi n trang sau: - 51 - Hình 52: Ch nh s a thông tin s n ph m Sau s a đ i thông tin c n thi t, nh p ch n nút “L u” đ ch nh s a đ c l u vào c s d li u - 52 - Mu n xóa s n ph m, ch n tên s n ph m c n xóa t Danh sách s n ph m, s xu t hi n trang Hình 53: Xóa s n ph m Thơng tin chi ti t v s n ph m hi n đ y đ Mu n xóa s n ph m nh p ch n nút “Xóa” Tr ng “S n ph m m i” = ngh a s n ph m s n ph m bán ch y, n u b ng khơng ph i s n ph m bán ch y - 53 - 4.2.7 Qu n tr thành viên Trang qu n tr thông tin khách hàng đ ng kí làm thành viên c a website Hình 54: Danh sách khách hàng đ ng kí thành viên - 54 - K T LU N 5.1 Các k t qu đ t đ c Sau 20 tu n th c hi n khóa lu n t t nghi p “Thi t k xây d ng website bán hàng th công m ngh tr c n”, tơi hồn thành đ c nh ng ch c n ng yêu c u, đ m b o m c tiêu đ ra: Giao di n thân thi n, d s d ng cho khách hàng Website cung c p đ y đ thông tin v s n ph m, giúp khách hàng d dàng l a ch n m t hàng theo nhu c u Khách hàng có th đ t hàng tr c ti p qua website Khách hàng có th tìm ki m thơng tin c n thi t v s n ph m m t cách nhanh chóng Khi có nh ng nh n xét, góp ý v s n ph m, khách hàng có th g i l i bình lu n v m t hàng tr c ti p website đ khách hàng khác có th tham kh o Khách hàng có th liên h v i ban qu n tr website có nhu c u c n thi t ho c đóng góp ý ki n cho website Ph n qu n tr d s d ng, giúp ng i qu n tr có th d dàng c p nh t thông tin v s n ph m Ng i qu n tr qu n lý đ c thành viên c a website, khách hàng đ t hàng website Website đ 5.2 c đ nh d ng đ ng b d dàng thay đ i M t s h n ch Ch a upload đ Ch a th c hi n đ c website lên m ng Internet c module toán tr c n website - 55 - 5.3 H ng phát tri n a website lên môi tr ng giao d ch th c s Phát tri n thêm module toán tr c n cho website phát tri n website thành web bán hàng tr c n th c th M r ng vi c kinh doanh m ng v i nhi u m t hàng khác m t hàng th công m ngh - 56 - TÀI LI U THAM KH O - PHP Website w3schools.com http://www.w3schools.com/php/php_intro.asp, - MySQL: Website w3schools.com http://www.w3schools.com - UML: Website PHP Vi t Nam Portal: http://www.phpvn.org/index.php?topic=85.0, http://www.phpvn.org/index.php?topic=95.0, http://www.phpvn.org/index.php?topic=92.0 Website tr ng i h c Hu : http://elearning.hueuni.edu.vn/elearning/file.php/169/pdf/c7.pdf Forum tr ng Inforworld School http://forum.infoworldschool.com/1905.htm, M t vi t blog c a Hoàng Hà http://my.opera.com/havan/blog/uml, M t vi t blog c a website Wordpress.com http://123zo.wordpress.com/2008/09/25/gioi-thieu-tong-quanve-uml/ − Th ng m i n t : Website Wikipedia http://vi.wikipedia.org/wiki, Website c a công ty Máy tính Truy n thơng i u n 3C http://www.3c.com.vn/Story/vn/hotrokhachhang/thuongmaidi entu/208/5/40777.html - 57 -