BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM KHOA CÔNG NGHỆ THÔNG TIN LUẬN VĂN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ CHO CỘNG ĐỒNG SINH VIÊN Ngành : Công nghệ thông tin Niên khoá : 2007 - 2011 Lớp : DH07DTH Sinh viên thực : Nguyễn Ngọc Hùng Phạm Lê Phường Nguyễn Thiện Phúc Lê Tấn Tài TP.HỒ CHÍ MINH, tháng năm 2011 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM KHOA CÔNG NGHỆ THÔNG TIN LUẬN VĂN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ CHO CỘNG ĐỒNG SINH VIÊN Giáo viên hướng dẫn: Sinh viên thực hiện: ThS Phan Võ Minh Thắng Nguyễn Ngọc Hùng Phạm Lê Phường Nguyễn Thiện Phúc Lê Tấn Tài TP.HỒ CHÍ MINH, tháng năm 2011 CỘNG ĐỒNG SINH VIÊN XÂY DỰNG HỆ THỐNGTHƯƠNG MẠI ĐIỆN TỬ CHO 2011 Năm CƠNG TRÌNH HỒN TẤT TẠI TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM Cán hướng dẫn: Th.S Phan Võ Minh Thắng Cán phản biện: Th.S Mai Anh Thơ Luận văn cử nhân bảo vệ HỘI ĐỒNG CHẤM LUẬN VĂN CỬ NHÂN TRƯỜNG ĐẠI HỌC NÔNG LÂM TP HCM ngày 31 tháng 08 năm 2011 Bộ Giáo Dục Đào Tạo CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Trường ĐH NÔNG LÂM Độc Lập-Tự Do-Hạnh Phúc NHIỆM VỤ LUẬN VĂN CỬ NHÂN Họ tên sinh viên: NGUYỄN NGỌC HÙNG Phái: Nam Ngày tháng năm sinh: 05/10/1988 Nơi sinh: Daklak Chuyên ngành: Hệ thống thông tin Ngành: Công nghệ thông tin Họ tên sinh viên: PHẠM LÊ PHƯỜNG Phái: Nam Ngày tháng năm sinh: 15/04/1984 Nơi sinh: TP HCM Chuyên ngành: Hệ thống thông tin Ngành: Công nghệ thông tin Họ tên sinh viên: LÊ TẤN TÀI Phái: Nam Ngày tháng năm sinh: 09/11/1986 Nơi sinh: Quãng Ngãi Chuyên ngành: Hệ thống thông tin Ngành: Công nghệ thông tin Họ tên sinh viên: NGUYỄN THIỆN PHÚC Phái: Nam Ngày tháng năm sinh: Nơi sinh: Vĩnh Long Chuyên ngành: Hệ thống thông tin Ngành: Công nghệ thông tin I TÊN ĐỀ TÀI: Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên II NHIỆM VỤ VÀ NỘI DUNG: Tìm hiểu Joomla.Xây dựng website thương mại điện tử cho cộng đồng sinh viên Nguyễn Ngọc Hùng : Tìm hiểu, xây dựng website tin tức, quảng cáo.Viết module tích hợp joomla Nguyễn Thiện Phúc : Tìm hiểu, xây dựng website rao vặt Viết module, plugin, component tích hợp Joomla Lê Tấn Tài : Tìm hiểu, xây dựng website bán hàng Viết module tích hợp joomla Phạm Lê Phường : Tìm hiểu Joomla, so sánh Joomla với CMS, cơng nghệ khác Tìm hiểu, xậy dựng website cộng đồng hệ thống III NGÀY GIAO NHIỆM VỤ: 15/03/2011 IV NGÀY HOÀN THÀNH NHIỆM VỤ: 15/08/2011 V HỌ VÀ TÊN CÁN BỘ HƯỚNG DẪN:Th.S Phan Võ Minh Thắng Ngày / / CÁN BỘ HƯỚNG DẪN Ngày / / CHỦ NHIỆM CHUYÊN NGÀNH Ngày / / KHOA CNTT LỜI CẢM TẠ Chúng em xin chân thành cám ơn Khoa Công nghệ thông tin trường Đại học Nơng Lâm Thành Phố Hồ Chí Minh tạo điều kiện thuận lợi cho chúng em thực luận văn Chúng em xin chân thành cảm ơn Thầy Phan Võ Minh Thắng tận tình hướng dẫn, bảo lời động viên khuyến khích giúp đỡ chúng em suốt q trình thực luận văn Chúng em xin chân thành cảm ơn q Thầy Cơ Khoa tận tình giảng dạy, trang bị cho chúng em kiến thức quý báu năm học vừa qua Chúng xin nói lên lòng biết ơn sâu sắc Ơng Bà, Cha Mẹ chăm sóc, ni dạy chúng thành người Xin chân thành cảm ơn anh chị bạn bè ủng hộ, giúp đỡ động viên chúng em thời gian học tập nghiên cứu Mặc dù chúng em cố gắng hoàn thành tốt luận văn phạm vi khả cho phép chắn không tránh khỏi thiếu sót định Chúng em kính mong nhận cảm thơng tận tình bảo q Thầy Cô bạn Sinh viên thực hiện: Nguyễn Ngọc Hùng Phạm Lê Phường Nguyễn Thiện Phúc Lê Tấn Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên DANH SÁCH CHỮ VIẾT TẮT CB Community Builder Một loại mở rộng Joomla để xây dựng cộng đồng CMS Content Management System Hệ quản trị nội dung COM COMponent Thành phần Joomla CPC CostPerClick Chi phí cho gói quảng cáo nhấp chuột CPM CostPerMilion Chi phí quảng cáo cho gói quảng cáo hiển thị 1000 lần VM VirtueMart Thành phần thương mại điện tử Joomla GVHD: Ths Phan Võ Minh Thắng i SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên DANH MỤC CÁC HÌNH Hình 2.1:Thống kê Nielsen mua sắm trực tuyến (7/2011) 6  Hình 2.2: Thống kê tỉ lệ người dùng mạng xã hội năm 2010 Việt Nam 7  Hình 2.3:Độ tuổi sử dụng mạng xã hội Zing Me Facebook 8  Hình 3.1:Usecase chức khách 11  Hình 3.2: Usecase chức thành viên 12  Hình 3.3:Usecase chức thành viên (cont) 13  Hình 3.4: Usecase chức quản trị 14  Hình 3.5:Usecase chức ngân lượng 14  Hình 3.6: Lượt đồ activity đặt hàng 16  Hình 3.7: Lượt đồ activity đăng kí thành viên 17  Hình 3.8:Lượt đồ activity tạo đơn hàng 18  Hình 3.9:Lượt đồ activity chỉnh sửa thông tin hồ sơ 19  Hình A-1 : Trang web Liên Hiệp hội Unesco 3  Hình A-2 : trangduhoc.timviecnhanh.com 4  Hình A-3: Kiến trúc phân tầng Joomla 7  Hình A-4: Bước cài đặt component 10  Hình A-5: Bước cài đặt component 11  Hình A-6: Bước cài đặt component 11  Hình A-7: Xem danh sách module website 14  Hình A-8: Các template mặc định Joomla 1.5 15  Hình A-9 : Kiểm tra template cài đặt Template 15  Hình A-10: Quản lý plugin Joomla 17  Hình A-11: Form đăng nhập chưa tắt plugin remember me 17  Hình B-1: Cài đặt Virtuemart thành cơng bước 26  Hình B-2: Cài đặt thành công bước 27  Hình B-3: Giao diện cài đặt thành công Virtuemart 27  Hình B-4:Thêm danh mục nhà sản xuất VM 28  Hình B-5: Thêm nhà sản xuất VirtueMart 29  Hình B-6:Thêm danh mục nhà cung cấp VirtueMart 30  GVHD: Ths Phan Võ Minh Thắng ii SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Hình B-7:Thêm nhà cung cấp VM – Thẻ Store 30  Hình B-8: Thêm nhà cung cấp VM – Thẻ Store Information 31  Hình B-9: Thêm nhà cung cấp VM – Thẻ Contact Information 31  Hình B-10: Danh sách danh mục nhà cung cấp VM 32  Hình B-11: Danh sách nhà cung cấp VM 32  Hình B-12: Thêm danh mục sản phẩm VM – Thẻ Category Information 33  Hình B-13: Thêm danh mục sản phẩm VM – Thẻ Image 34  Hình B-14: Danh sách danh mục sản phẩm VM 34  Hình B-15:Thêm sản phẩm VM – Thẻ Product Information 35  Hình B-16: Thêm sản phẩm VM – Thẻ Display Options 36  Hình B-17: Thêm sản phẩm VM – Thẻ Product Status 36  Hình B-18: Thêm sản phẩm VM – Thẻ Product Dimessions and Weight 37  Hình B-19: Thêm sản phẩm VM – Thẻ Product Images 38  Hình B-20: Thêm sản phẩm VM – Thẻ Related Products 38  Hình B-21: Danh sách sản phẩm VirtueMart 39  Hình B-22: Hình ảnh mơ tả thơng tin sản phẩm VirtueMart 39  Hình B-23: Thêm hình ảnh mơ tả sản phẩm VirtueMart 40  Hình B-24: Thêm tập tin mơ tả thông tin sản phẩm VirtueMart 41  Hình B-25: Cấu hình sản phẩm tải VirtueMart 41  Hình B-26: Tạo sản phẩm tải VirtueMart 42  Hình B-27: Quản lý trường thơng tin đăng kí người sử dụng 43  Hình B-28: Thêm trường đăng kí thông tin 43  Hình B-29: Quản lý người dùng Joomla 45  Hình B-30: Chỉnh sửa người dùng Joomla 46  Hình B-31: Danh sách người sử dụng VirtueMart 46  Hình B-32: Chỉnh sửa người sử dụng VM – Thẻ General Information 47  Hình B-33: Chỉnh sửa người sử dụng VM –Thẻ Shopper Information 47  Hình B-34: Danh sách mơ-đun phân quyền người sử dụng VirtueMart 50  Hình B-35: Phân quyền người sử dụng VirtueMart 50  Hình B-36: Gán người sử dụng vào nhóm VirtueMart 51  GVHD: Ths Phan Võ Minh Thắng iii SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Hình E-29: Thêm vùng quảng cáo – thẻ Ads Detail Trong thẻ General: - Title: chọn tên cho vùng quảng cáo - Position: chọn vị trí vùng quảng cáo - Module Order: chọn thứ tự vùng quảng cáo - Published: chọn yes muốn vùng quảng cáo hiển thị trang - Show Title:chọn yes muốn tiêu đề quảng cáo hiển thị trang Trong thẻ Ads Detail: - Display ads based on keyword: chọn yes quảng cáo có từ khóa trùng với tiêu đề viết hiển thị vùng quảng cáo - How Many Ads to Show: chọn số lượng hàng cột quảng cáo hiển thị khu vực - Supported Types: vùng quảng cáo hiển thị loại quảng cáo định - Default ad: chọn banner quảng cáo mặc định - Rotate Banners: chọn để quảng cáo luân phiên mà không cần refresh trang - Rotating Time:thiết lập tốc độ luân phiên quảng cáo đo mili giây - Randomize: chọn để quảng cáo vùng xuất ngẫu nhiên 3.3 GÓI DỊCH VỤ QUẢNG CÁO Thêm gói dịch vụ quảng cáo:Vào Managers/Package/ New GVHD: Ths Phan Võ Minh Thắng 99 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Hình E-30: Thêm gói dịch vụ quảng cáo - Name: nhập tên gói quảng cáo - Description: mơ tả cho gói quảng cáo - Type: chọn kiếu gói quảng cáo.Có kiểu: o CPM : chi phí cho 1000 lần hiển thị o CPC: chi phí cho số lần click vào o Flate Rate: tính theo thời gian hiển thị - Price: chi phí quảng cáo cho gói dịch vụ - Zones Assigned: chọn vùng quảng cáo hiển thị gói 3.4 CHIẾN DỊCH QUẢNG CÁO Chiến dịch quảng cáo phần quảng cáo tài trợ cách nhấp chuột, số lần hiển thị thời gian hiển thị Thêm chiến dịch quảng cáo: Vào Managers/Campaigns/New Hình E-31: Thêm chiến dịch quảng cáo - Advertiser: chọn nhà quảng cáo Trang web làm để hiển thị tất quảng cáo nhà quảng cáo - Campaign Name: tên chiến dịch quảng cáo - Package: gói quảng cáo xác định thời gian chiến dịch quảng cáo - Start date: chiến dịch quảng cáo không hoạt động trước ngày - Status: chọn phê duyệt Nếu chọn không chiến dịch không hoạt động phê duyệt GVHD: Ths Phan Võ Minh Thắng 100 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên - Included Ads:chọn quảng cáo cho chiến dịch quảng cáo 3.5 QUẢNG CÁO Quảng cáo iJoomla Ad Agency banner ( flash dạng chuẩn), pop-up/pop-under, chuyển đổi, quảng cáo quảng cáo văn 3.5.1 QUẢNG CÁO BANNER CHUẨN Banner quảng cáo hình ảnh đồ họa (tĩnh, hoạt hình, đa phương tiện) thường sử dụng cho thương hiệu tạo doanh thu Một banner chuẩn sử dụng hình ảnh định dạng JPG, GIF, khơng sử dụng flash Hình E-32:Banner quảng cáo chuẩn Thêm quảng cáo banner chuẩn: Vào Ad New Ads-> Standard Hình E-33: Thêm quảng cáo banner chuẩn GVHD: Ths Phan Võ Minh Thắng 101 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Thẻ General: Chỉ định tên, mô tả cho quảng cáo, chọn nhà quảng cáo, liên kết quảng cáo đến địa URL đích Thẻ Campaign: Chọn chiến dịch quảng cáo để hiển thị banner quảng cáo 3.5.2 QUẢNG CÁO VĂN BẢN Quảng cáo văn quảng cáo cách sử dụng siêu liên kết dựa văn Hình E-34: Quảng cáo văn Thêm quảng cáo văn Hình E-35: Thêm quảng cáo văn – thẻ General Thẻ General: Chỉ định tên, mô tả cho quảng cáo, chọn nhà quảng cáo, liên kết quảng cáo đến địa URL đích GVHD: Ths Phan Võ Minh Thắng 102 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Hình E-36: Thêm quảng cáo văn – thẻ Properties Thẻ Properties: - Title: tên quảng cáo văn hiển thị trang - Body: nhập nội dung văn quảng cáo - Action text: nhập “hành động” văn bản.Ví dụ “Nhấp vào đây” “Đọc thêm” - Upload Image File: chọn hình ảnh tải lên, thay đổi kích thước - Alt Text: văn thay cho hình ảnh Thẻ Campaign: Chọn chiến dịch quảng cáo để hiển thị banner quảng cáo 3.5.3 QUẢNG CÁO FLASH Banner flash banner định dạng swf GVHD: Ths Phan Võ Minh Thắng 103 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Hình E-37:Quảng cáo flash Thêm quảng cáo banner flash: Vào Ad New Ads-> Flash: Hình E-38: Thêm quảng cáo banner flash - Upload the Flash file: tải lên tập tin định dạng swf - Size: thiết lập kích thước quảng cáo theo pixel Thẻ Campaign: Chọn chiến dịch quảng cáo để hiển thị banner quảng cáo GVHD: Ths Phan Võ Minh Thắng 104 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên PHỤ LỤC F VIẾT MODULE ỨNG DỤNG CHO WEBSITE JOOMLA GIỚI THIỆU 1.1 ĐỊNH NGHĨA Joomla Module thành phần mở rộng Joomla, ứng dụng nhỏ sử dụng chủ yếu để lấy liệu hiển thị thông tin Module thường dùng kết hợp kèm với component nhằm mở rộng, thể rõ ràng chức component Khơng giống component, module đặt vị trí template vị trí người dùng tự định nghĩa Ngồi module nhân bản, nghĩa lúc xuất vị trí vị trí khác 1.2 VỊ TRÍ JOOMLA MODULE Vị trí module (module position) nơi mà module đặt vào Mỗi vị trí xác định thông qua định danh (một tên), chẳng hạn như: left, right, top, bottom, user1, user2 Tên số lượng vị trí quy định template Các template khác số lượng vị trí module tên chúng khác Ngồi ra, q trình sử dụng người dùng tự định nghĩa vị trí cho phù hợp với yêu cầu TẠO JOOMLA MODULE 2.1 CẤU TRÚC MODULE JOOMLA 1.5 Có file dùng mẫu tiêu chuẩn việc phát triển module: - mod_tenmodule.xml: (Config)Chứa thông tin module tên module, chức module, tác giả , tham số cấu hình, file cài đặt - mod_tenmodule.php: (Controller) File thu thập thông tin module từ file cấu hình, gọi thủ tục từ model chuyển liệu đến view để hiển thị GVHD: Ths Phan Võ Minh Thắng 105 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên - helper.php: (Model) Chứa Class bao gồm phương thức để thực tác vụ xử lý liệu hay nhận liệu (Nguồn liệu từ database nguồn khác) - tmpl/default.php: (View) Giao diện module.Nhận liệu từ Model thông qua Controller hiển thị mã HTML vị trí module 2.2 VÍ DỤ Ví dụ sau tạo module tích hợp cho component Moset Tree (Ứng dụng đăng tin rao vặt) để hiển thị tin rao vặt Hình F-1: Mơ-đun lastest listing - Tạo mod_mt_latest_listings.php: File mod_helloworld.php thực nhiệm vụ sau: - Gọi file css javascript - Gọi tham số từ file cấu hình - Gọi phương lớp helper để lấy liệu - Gọi template để hiển thị đầu //Kiểm tra file có include từ ứng dụng Joomla hay không if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename( FILE ).' is not allowed.' ); include( JPATH_ROOT DS.'components'.DS.'com_mtree'.DS.'init.php'); GVHD: Ths Phan Võ Minh Thắng 106 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên //Gọi file Javascript JHTML::_('script','stepcarousel.js','modules/mod_mt_latest_listings/asset/scri pt/'); JHTML::_('script','init.js','modules/mod_mt_latest_listings/asset/script/'); //Gọi file css JHTML::_('stylesheet','stylesheet.css','modules/mod_mt_latest_listings/asset/st yle/'); //Gọi tham số từ file config $params->def('type', '0'); $params->def('count','5'); $params->def('price', '0'); $params->def('category', '0'); $params->def('city', '0'); //Gọi file helper.php (File có class chứa phương thức truy xuất liệu) require_once (dirname( FILE ).DS.'helper.php'); //Lấy liệu cách gọi phương thức lớp modLatestListingHelper $result = modLatestListingHelper::getList($params); //Gọi lớp để thị liệu (tmpl/default.php) require(JModuleHelper::getLayoutPath('mod_mt_latest_listings')); - Tạo file mod_mt_latest_listings.xml: - Nội dung file mod_mt_latest_listings.xml phải đặt tag - Các tag định nghĩa thông tin cho module: Tên module Ngày tạo Tác giả GVHD: Ths Phan Võ Minh Thắng 107 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Email Bản quyền Giấy phép Phiên bản Mô tả - Tag định nghĩa file cài đặt module tên mod.php tên file(nếu có) tên folder(nếu có) Chú ý: file *.xml khơng cần khai báo - Các tham số module định nghĩa tag Code: Latest Listings July 2011 Nguyen Thien Phuc happyphanton@gmail.com Copyright (C) 2011-2014 Nguyen Thien Phuc All rights reserved GNU/GPL 2.0 Shows the latest listing from Moset Tree GVHD: Ths Phan Võ Minh Thắng 108 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên mod_mt_latest_listings.php index.html helper.php tmpl/default.php tmpl/index.html asset Latest Listing Popular Listing Most Rated Listing Random Listing No Yes No Yes No Yes No Yes - Tạo file helper.php File helper.php chứa lớp có phương thức để lấy liệu từ database Code: GVHD: Ths Phan Võ Minh Thắng 112 SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên Chú ý: Thêm vào thư mục module file index.html với nội dung trống Nếu người dùng cố gắng trỏ trình duyệt họ tới thẳng thư mục file index.html hiển thị họ chẳng thấy hết GVHD: Ths Phan Võ Minh Thắng 113 SVTH: Hùng, Phúc, Phường , Tài ... vii SVTH: Hùng, Phúc, Phường , Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên TÓM TẮT XÂY DỰNG HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ CHO CÔNG ĐỒNG SINH VIÊN Mục tiêu đề tài: Mục tiêu đề... tin I TÊN ĐỀ TÀI: Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên II NHIỆM VỤ VÀ NỘI DUNG: Tìm hiểu Joomla .Xây dựng website thương mại điện tử cho cộng đồng sinh viên Nguyễn Ngọc... Tài Xây dựng hệ thống thương mại điện tử cho cộng đồng sinh viên CHƯƠNG MỞ ĐẦU 1.1 LÝ DO CHỌN ĐỀ TÀI 1.1.1 KHÁCH QUAN Thương mại điện tử tiếp tục phát triển mạnh mẽ tương lai .Thương mại điện tử