TÌM HIẾU DRUPAL & XÂY DỰNG WEBSITE BÁN LINH.

ỦY BAN NHÂN DÂN THÀNH PHỐ HỒ CHÍ MINH ĐẠI HỌC TÔN ĐỨC THẮNG  TRƯƠNG QUỐC HƯNG NGUYỄN THỊ THANH THẢO TÌM HIỂU DRUPAL & XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TÍNH Chun ngành: Cơng Nghệ Thơng Tin Mã số: 01.01.11 Tiểu luận Cử Nhân Khoa Học Tin Học Người hướng dẫn khoa học: Cô LÊ THỊ NGỌC THẢO THÀNH PHỐ HỒ CHÍ MINH 2008 GVHD : Cơ Lê Thị Ngọc Thảo Lời Cám Ơn -♣♣♣ Chúng em xin chân thành cảm ơn Khoa Công Nghệ Thông Tin, trường Đại Học Tôn Đức Thắng, TPHCM tạo điều tốt cho chúng em thực đề tài tốt nghiệp Chúng em xin gửi đến tất thầy cô Khoa CNTT-TƯD, trường Đại Học Tôn Đức Thắng, TPHCM lịng biết ơn sâu sắc thầy dành cho chúng em suốt thời gian qua Và hết, chúng em xin chân thành cám ơn Cơ Lê Thị Ngọc Thảo, người tận tình hướng dẫn, giúp đỡ cho chúng em nhiều mặt kiến thức ủng hộ động viên mặt tinh thần suốt thời gian thực đề tài Chúng em xin gửi lòng biết ơn sâu sắc đến ba mẹ, anh chị bạn bè ủng hộ, giúp đỡ động viên chúng em suốt thời gian học tập nghiên cứu Mặc dù chúng em cố hoàn thành đề tài tốt nghiệp phạm vi khả cho phép, chắn khơng tránh khỏi thiếu sót, kính mong cảm thơng góp ý q Thầy Cơ bạn Nhóm sinh viên thực Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN GVHD : Cô Lê Thị Ngọc Thảo Lời Mở Đầu -♣♣♣ Hiện nay, sống thời đại khoa học công nghệ phát triển cao Với phát triển nhanh chóng cơng nghệ, cơng nghệ thơng tin hình thành nên Thương Mại Điện Tử (TMĐT) Sự phát triển TMĐT làm thay đổi cách thức mua bán, giao dịch truyền thống khách hàng nhà cung cấp TMĐT không đem lại lợi ích to lớn cho nhà doanh nghiệp giúp công ty mở rộng thị trường (trong ngồi nước), nhanh chóng tăng thêm lượng khách hàng, quảng cáo công ty, cải tiến đơn giản hóa quy trình mua bán, dễ dàng cập nhật thông tin, tăng khả đáp ứng cho khách hàng tăng lợi nhuận hàng năm cho công ty Mặt khác, TMĐT tạo cho khách hàng khả lựa chọn nhà cung cấp khác nhau, thị trường khác loại sản phẩm mà họ quan tâm giá cả, mẫu mã, dịch vụ thực giao dịch mạng, 24/24 tất ngày tuần Mặc dù, TMĐT phổ biến giới Việt Nam chưa hầu hết doanh nghiệp vừa nhỏ cịn chưa có đầu tư thích đáng cho việc phát triển Website Thương Mại Điện Tử Thêm vào đó, chi phí quyền cho cơng cụ mã nguồn đóng cao Qua nhận định nói trên, thấy Việt Nam chưa thật ứng dụng TMĐT vào sống, có nhiều mặt hạn chế Do vậy, việc tìm hiểu khai thác mạnh TMĐT Việt Nam điều cần thiết Chính điều chúng em xây dựng hệ thống TMĐT dựa công nghệ mã nguồn mở PHP với công cụ Drupal để thực đề tài “Tìm hiểu Drupal Xây dựng trang website bán linh kiện máy tính” nhằm mục đích tạo website cung cấp cho người dùng thông tin xác thực chi tiết cách nhanh chóng mơi trường mạng tạo khả chun mơn hóa cao kinh doanh Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang GVHD : Cô Lê Thị Ngọc Thảo Nội dung tiểu luận: gồm có chương Chương 1: Giới thiệu CMS, công cụ Drupal thương mại điện tử: chương đầu, trình bày kiến thức CMS, mã nguồn mở Drupal thương mại điện tử Chương 2: Yêu cầu thực tế mục tiêu đặt : giới thiệu nhu cầu thực tế lý thực đề tài, đồng thời giới thiệu sơ lược đề tài mục tiêu phải đạt Chương 3: Phân tích Thiết kế hệ thống: trình bày phân tích thiết kế xây dựng hệ thống Chương 4: Hiện thực: trình bày cách thực trang web module CSDL Drupal Chương 5: Tổng kết: chương cuối tiểu luận, tóm lại vấn đề giải đưa phương hướng phát triển cho đề tài tương lai Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang GVHD : Cô Lê Thị Ngọc Thảo MỤC LỤC Lời Cám Ơn Lời Mở Đầu Danh mục hình 10 CHƯƠNG GIỚI THIỆU VỀ CMS, CÔNG CỤ DRUPAL VÀ THƯƠNG MẠI ĐIỆN TỬ .11 1.1 Tổng quan CMS 11 1.1.1 CMS gì? 11 1.1.2 Các thành phần CMS .11 1.1.3 Các tính CMS nói chung .12 1.2 Tổng quan Drupal .13 1.2.1 Lịch sử phát triển Drupal .13 1.2.2 Drupal gì? 14 1.2.3 Nhiệm vụ Drupal 15 1.2.4 Các nguyên tắc 15 1.3 Các đặc tính Drupal 16 1.3.1 Các đặc tính chung .16 1.3.2 Quản lý người dùng (User Management) .17 1.3.3 Quản lý nội dung (Content Management) 17 1.3.4 Đặc tính cộng đồng 17 1.3.5 Sự thực tính biến đổi .18 1.4 Các thành phần Drupal 18 1.4.1 Kỹ thuật phân tầng Drupal (Technology Stack) 18 1.4.2 Nhân (Core ) 20 1.4.3 Các Module 21 1.4.4 Hooks 22 1.4.5 Các Theme giao diện (Themes) 23 1.4.6 Nodes 24 1.4.7 Blocks 25 1.4.8 CCK (Content Construction Kit) 26 1.4.9 Views 31 1.5 Thương mại điện tử (E-Commerce) 34 1.6 Thương mại điện tử lợi ích cho doanh nghiệp 35 1.7 Các bước triển khai thương mại điện tử 36 CHƯƠNG 2GIỚI THIỆU 37 2.1 Yêu cầu thực tế lý thực đề tài .37 2.1.1 Yêu cầu thực tế 37 2.1.2 Lý thực đề tài 38 2.2 Mục Tiêu Đề Ra 39 2.2.1 Về mặt lý thuyết 39 2.2.2 Về mặt ứng dụng 39 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 40 3.1 Phân tích thực tế .40 3.1.1 Yêu cầu thực tế 40 Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang GVHD : Cô Lê Thị Ngọc Thảo 3.1.2 Bản đặc tả Website .40 3.2 Đặc tả Use-case .42 3.2.1 Sơ đồ Use-case 42 3.2.2 Phân tích Actor 43 3.3 Phân tích Use-case 44 3.3.1 Đăng ký tài khoản 44 3.3.3 Quản lý thông tin cá nhân 49 3.3.4 Tìm kiếm sản phẩm 50 3.3.5 Xem chi tiết sản phẩm: .52 3.3.6 Đặt hàng .53 3.3.7 Đánh giá sản phẩm .54 3.3.8 Bình luận .55 3.3.9 Gửi câu hỏi trả lời câu hỏi .56 3.3.10 Mua hàng trực tuyến 57 3.3.11 Quản lý bình luận 58 3.3.12 Quản lý thông tin sản phẩm 59 3.3.13 Quản lý thông tin đơn đặt hàng 60 3.3.14 Quản lý thông tin khuyến 61 3.3.15 Báo cáo thống kê 62 3.3.16 Quản lý tài khoản .63 3.3.17 Thay đổi giao diện 64 3.4 Thiết kế sở liệu 65 3.4.1 Mơ hình sở liệu 65 3.4.2 Mô tả chi tiết thành phần 66 CHƯƠNG HIỆN THỰC 72 4.1 Hiện thực Use-case theo Module 74 4.1.1 Các Module tích hợp sẵn Drupal ( Core) 74 4.1.2 Các Module thêm vào ( add-on) 74 4.1.3 Các Module xây dựng thêm 77 4.2 Hiện thực sở liệu 79 4.2.1 Bảng Product .79 4.2.2 Bảng Product_Type 80 4.2.3 Bảng Product_detail 80 4.2.4 Bảng khuyến ( tặng hàng giảm giá ) 80 4.2.5 Đơn đặt hàng (Order) 80 4.2.6 Chi tiết đơn đặt hàng 81 4.2.7 Hóa đơn .81 4.2.8 Thành viên 81 4.2.9 Bảng tài khoản .82 4.2.10 Bảng bình luận (comment) bảng câu hỏi 82 4.2.11.Giỏ hàng (Cart) 83 4.3 Mô hình hình phối hợp 84 4.3.1 Use-case đăng ký 84 4.3.2 Use-case đăng nhập 84 4.3.3 Use-case xem thông tin hàng 84 Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang GVHD : Cô Lê Thị Ngọc Thảo 4.3.4 Use-case Tìm Kiếm 84 4.3.5 Use-case tạo sản phẩm 85 4.3.6 Use-case đặt hàng 85 4.3.7 Use-case Khuyến 85 4.3.8 Use-case Quản trị .86 4.3.8.1 Quản trị nội dung 86 4.3.8.2 Quản trị bình luận 86 4.4 Màn hình trang Web 88 CHƯƠNG TỔNG KẾT 95 5.1 Tổng kết 95 5.1.1 Về mặt lý thuyết 95 5.1.2 Về mặt ứng dụng 95 5.2 So sánh đánh giá .96 5.2.1 So sánh 96 5.2.2 Đánh giá .96 5.3 Hướng phát triển .97 5.3.1 Đối với dịch vụ dành cho khách hàng .97 5.3.2 Đối với dịch vụ dành cho doanh nghiệp 97 PHỤ LỤC 98 Hướng dẫn cài đặt XAMPP Drupal 98 Cách cài đặt XAMPP 98 Cách cài đặt website bán linh kiện máy tính .105 Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang GVHD : Cơ Lê Thị Ngọc Thảo Danh mục hình Hình 1.4.1 Kỹ thuật phân tầng Drupal .18 Hình 1.4.2 Tổng quan Nhân Drupal .20 Hình 1.4.3 Sự cho phép module bổ sung giúp cho việc mở rộng tính 21 Hình 1.4.5 Một số trường CCK 29 Hình 1.4.6 Một số thứ tự cho field làm việc .30 Hình 3.2.1 Sơ đồ Use-case 42 Hình 3.3.1 Đăng ký thành công 45 Hình 3.3.2 Đăng ký thất bại tài khoản tồn 46 Hình 3.3.3 Đăng ký thất bại sai thông tin quy cách 46 Hình 3.3.4 Đăng nhập thành cơng 47 Hình 3.3.5 Đăng nhập thất bại .48 Hình 3.3.6 Chỉnh sửa thơng tin cá nhân 49 Hình 3.3.7 Tìm kiếm sản phẩm theo tên .50 Hình 3.3.8 Tìm kiếm sản phẩm theo nhà cung cấp 51 Hình 3.3.9 Tìm kiếm sản phẩm theo giá .51 Hình 3.3.10 Xem chi tiết thông tin sản phẩm 52 Hình 3.3.11 Đặt hàng 53 Hình 3.3.12 Đánh giá sản phẩm .54 Hình 3.3.13 Bình luận 55 Hình 3.3.14 Gửi câu hỏi .56 Hình 3.3.15 Mua hàng trực tuyến 57 Hình 3.3.16 Quản lý bình luận 58 Hình 3.3.17 Quản lý thơng tin sản phẩm 59 Hình 3.3.18 Quản lý thơng tin đặt hàng 60 Hình 3.3.19 Quản lý thông tin khuyến 61 Hình 3.3.20 Báo cáo thống kê 62 Hình 3.3.21 Quản lý tài khoản .63 Hình 3.3.22 Thay đổi giao diện 64 Hình 3.4.1 Mơ hình sở liệu 65 Hình 4.3.1 Trang quản trị nội dung 86 Hình 4.3.2 Trang quản trị bình luận .86 Hình 4.4.1 Trang chủ .88 Hình 4.4.2 Trang đăng ký 89 Hình 4.4.3 Đăng ký thất bại 89 Hình 4.4.4 Trang đăng nhập thơng báo đăng nhập thất bại 90 Hình 4.4.5 Trang chi tiết sản phẩm, bình chọn bình luận 90 Hình 4.4.6 Trang tìm kiếm 91 Hình 4.4.7 Trang kết tìm kiếm .91 Hình 4.4.8 Trang tạo sản phẩm 92 Hình 4.4.9 Trang giỏ hàng .92 Hình 4.4.10 Trang tạo địa giao hàng 93 Hình 4.4.11 Trang chọn địa nơi nhận hàng toán 93 Hình 4.4.12 Trang thơng tin khuyến 94 Hình 4.4.13 Trang tạo khuyến .94 Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 10 GVHD : Cô Lê Thị Ngọc Thảo 5.2 So sánh đánh giá 5.2.1 So sánh - Các trang tham khảo: www.vitinhphongvu.com www.hoanlongcomputer.com - Nhận xét: Các trang tham khảo trang web công ty mua bán linh kiện máy tính TP.HCM So với trang thấy trang web thêm chức như:  Tìm kiếm nâng cao  Thống kê  Và khắc phục số lỗi Tuy nhiên cịn số khuyết điểm so với trang như:  Hệ thống tìm kiếm nhanh www.thegioididong.com  Chức so sánh sản phẩm 5.2.2 Đánh giá Trang web đổi từ giao diện cách tiếp cận khách hàng theo hướng thân thiện cung cấp nhiều chức cho người quản trị Hơn trang web cung cấp thuận tiện cho khách hàng, giúp công ty dễ quản lý, quảng bá cơng ty, nhanh chóng cung cấp thông tin sản phẩm mới, khuyến tới khách hàng Tuy nhiên, tồn vài khuyết điểm cần phát triển thêm trước thức sử dụng Hiện nay, trang web upload thử nghiệm địa : www.htcomputer.xlphp.net/htcomputer Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 96 GVHD : Cô Lê Thị Ngọc Thảo 5.3 Hướng phát triển 5.3.1 Đối với dịch vụ dành cho khách hàng  Tự động cung cấp thông tin liên quan đến nhu cầu khách hàng  Kết nối với hệ thống ngân hàng hoàn thành kết nối trực tuyến  Hoàn thiện chức tìm kiếm nhanh  Xây dựng chức hỗ trợ trực tuyến qua thư điện tử 5.3.2 Đối với dịch vụ dành cho doanh nghiệp  Mở rộng việc chuyển đổi liệu nhiều hệ quản trị sở liệu phía doanh nghiệp  Hỗ trợ việc tự động cập nhật đơn đặt hàng vào sở liệu doanh nghiệp  Tự động cập nhật đợt khuyến  Hoàn thiện chức in báo cáo thống kê hóa đơn Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 97 GVHD : Cô Lê Thị Ngọc Thảo PHỤ LỤC Hướng dẫn cài đặt XAMPP Drupal Cách cài đặt XAMPP - Để cài đặt chạy Drupal máy bạn, trước phải cài chương trình: Apache, PHP, Mysql Qua bước phức tạp Nay cơng đoạn rút ngắn nhiều, qua việc cài chương trình Đó XAMPP Sau tơi xin hướng dẫn ngắn gọn cách cài đặt XAMPP - Việc bạn download cài XAMPP máy bạn Các bạn download trực tiếp từ đường dẫn sau đây: http://switch.dl.sourceforge.net/sourceforge/xampp/xampp-win32-1.6.3ainstaller.exe - Sau download cài máy bạn, bạn chạy file xampp-win32-1.6.3ainstaller.exe - Công việc cài đặt gồm bước sau:  Chạy chương trình cài đặt XAMPP Installer, xuất bảng chọn ngôn ngữ, chọn English nhấn OK: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 98 GVHD : Cô Lê Thị Ngọc Thảo  Khi xuất bảng Welcome to the Xampp Setup Wizard, nhấn Next:  Trong Choose Install Location chọn nơi cài đặt Xampp Chọn đường dẫn C:\xampp (cài thư mục xampp ổ đĩa C), nhấn Next: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 99 GVHD : Cô Lê Thị Ngọc Thảo  Trong XAMPP Options, click chọn Install Apache as service Install MySQL as service, sau nhấn Install:  Chương trình tiến hành cài đặt sau: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 100 GVHD : Cô Lê Thị Ngọc Thảo Sau nhấn phím Finish để kết thúc việc cài đặt:  Sau cài đặt xong tự động chạy bảng điều khiển Xampp: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 101 GVHD : Cô Lê Thị Ngọc Thảo  Sau cài xong, vào Internet Explorer đánh vào http://localhost xem có chạy khơng? Nếu khơng nên Reset máy lại Nếu giống hình đúng, ta chọn ngôn ngữ English: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 102 GVHD : Cô Lê Thị Ngọc Thảo Tiếp theo, tạo Datababse (database đưọc dùng phần cài đặt Drupal)  Trong Internet Explorer đánh vào http://localhost/phpmyadmin Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 103 GVHD : Cô Lê Thị Ngọc Thảo Trong mục Create new database, bạn nhập vào tên database dùng trang web bạn chọn utf8_unicode_ci mục MySQL connection collation, nhấn chọn Create: - Ở đặt tên cho database htcomputer - Thư mục gốc Web Root để chứa trang Xampp C:\xampp\htdocs Tất website thư mục chứa website phải đặt vào thư mục Web Root (htdocs) hoạt động Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 104 GVHD : Cô Lê Thị Ngọc Thảo Cách cài đặt website bán linh kiện máy tính - Ta giải nén gói có sẵn đĩa Sau giải nén, ta có gói, gói có tên htcomputer – gói ta giải nén chép vào thư mục Web Root C:\xampp\htdocs, gói có tên htcomputer.sql – gói CSDL - Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 105 GVHD : Cô Lê Thị Ngọc Thảo - Sau giản nén gói htcomputer ta chép thư mục vào Web Root C:\xampp\htdocs hình sau đây: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 106 GVHD : Cô Lê Thị Ngọc Thảo - Tiếp theo tạo sở liệu phpMyAdmin Trước tiên, tạo sở liệu có tên htcomputer phía phần tạo tên chọn utf8_unicode_ci, chọn Create hình đây: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 107 GVHD : Cô Lê Thị Ngọc Thảo - Sau tạo thành công, ta đưa gói CSDL mà ta giải nén cách chọn phần Import sau: Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 108 GVHD : Cô Lê Thị Ngọc Thảo - Sau nhấn chọn Import, ta đến đường dẫn chứa thư mục chứa gói htcomputer.sql sau chọn Go : - Tiếp theo, ta vào Internet Explorer ta gõ vào http://localhost/htcomputer, website hiển thị Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 109 GVHD : Cô Lê Thị Ngọc Thảo Tài liệu tham khảo [1] Ric Shreves – Drupal Themes [2] Getting Started – www.drupal.org [3] John K.VanDyk and Matt Westgate – Pro Drupal Development [4] Document of www.drupal.org Trương Quốc Hưng 810863T Nguyễn Thị Thanh Thảo 810982T Trang 110 ... trúc CMS 1.1.3 Các tính CMS nói chung  Chuẩn giao diện cho việc tạo, chỉnh sửa, phê duyệt, triển khai (Creating, Editing, Approving, Deploying)  Kho lưu trữ chung (Common Repository)  Quản... 15 1.2.4 Các nguyên tắc 15 1.3 Các đặc tính Drupal 16 1.3.1 Các đặc tính chung .16 1.3.2 Quản lý người dùng (User Management) .17 1.3.3 Quản lý nội dung (Content... 11 1.1.1 CMS gì? 11 1.1.2 Các thành phần CMS .11 1.1.3 Các tính CMS nói chung .12 1.2 Tổng quan Drupal .13 1.2.1 Lịch sử phát triển Drupal .13 1.2.2