BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC DÂN LẬP HẢI PHÒNG -o0o - ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN HẢI PHÒNG 2013 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC DÂN LẬP HẢI PHÒNG -o0o - TÌM HIỂU PHẦN MỀM NGUỒN MỞ NUKE VIET VÀ ỨNG DỤNG ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Công nghệ Thông tin HẢI PHÒNG - 2013 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC DÂN LẬP HẢI PHÒNG -o0o - TÌM HIỂU PHẦN MỀM NGUỒN MỞ NUKE VIET VÀ ỨNG DỤNG ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Công nghệ Thông tin Sinh viên thực hiện: Phạm Văn Quân Giáo viên hƣớng dẫn: ThS Vũ Anh Hùng Mã số sinh viên: 1351010040 HẢI PHÒNG - 2013 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC DÂN LẬP HẢI PHÒNG CỘNG HÒA XA HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc -o0o - NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP Sinh viên: Phạm Văn Quân Mã SV: 1351010040 Lớp: Ngành: Công nghệ Thông tin CT1301 Tên đề tài: Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng NHIỆM VỤ ĐỀ TÀI Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp a Nội dung - Biết mã nguồn mở gì,tìm hiểu mã nguồn mở có,đặc biệt tìm hiểu kĩ mã nguồn mở NukeViet - Tổng hợp tài liệu tham khảo có liên quan đến nội dung khóa luận - Thực cài đặt,cấu hình chạy mã nguồn mở NukeViet - Từ ứng dụng toán đưa vào xây dựng lên website hoàn chỉnh NukeViet b Các yêu cầu cần giải Các phần mềm cần thiết để xây dựng - Web Server: Xampp - Bộ mã nguồn NukeViet CÁN BỘ HƢỚNG DẪN ĐỀ TÀI TỐT NGHIỆP Ngƣời hƣớng dẫn thứ nhất: Họ tên: Vũ Anh Hùng Học hàm, học vị: Thạc Sĩ Cơ quan công tác: Trường Đại Học Dân Lập Hải Phòng Nội dung hướng dẫn: ………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Ngƣời hƣớng dẫn thứ hai: Họ tên: …………………………………………………………………… Học hàm, học vị: …………………………………………………………… Cơ quan công tác: …………………………………………………………… Nội dung hướng dẫn: ………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Đề tài tốt nghiệp giao ngày tháng năm 2013 Yêu cầu phải hoàn thành trước ngày tháng năm 2013 Đã nhận nhiệm vụ: Đ.T.T.N Đã nhận nhiệm vụ: Đ.T.T.N Sinh viên Cán hướng dẫn Đ.T.T.N ThS Vũ Anh Hùng Hải Phòng, ngày tháng .năm 2013 HIỆU TRƯỞNG GS.TS.NGƢT Trần Hữu Nghị PHẦN NHẬN XÉT TÓM TẮT CỦA CÁN BỘ HƢỚNG DẪN Tinh thần thái độ sinh viên trình làm đề tài tốt nghiệp: Đánh giá chất lượng đề tài tốt nghiệp (so với nội dung yêu cầu đề nhiệm vụ đề tài tốt nghiệp) Cho điểm cán hướng dẫn: ( Điểm ghi số chữ ) Ngày .tháng .năm 2013 Cán hướng dẫn ( Ký, ghi rõ họ tên ) PHẦN NHẬN XÉT ĐÁNH GIÁ CỦA CÁN BỘ CHẤM PHẢN BIỆN ĐỀ TÀI TỐT NGHIỆP Đánh giá chất lƣợng đề tài tốt nghiệp (về mặt nhƣ sở lý luận, thuyết minh chƣơng trình, giá trị thực tế, ) Cho điểm cán phản biện ( Điểm ghi số chữ ) Ngày .tháng .năm 2013 Cán chấm phản biện ( Ký, ghi rõ họ tên ) LỜI CẢM ƠN Trước hết em xin chân thành cám ơn thầy giáo, cô giáo Khoa Công nghệ thông tin Trường Đại học Dân lập Hải Phòng, người dạy dỗ, trang bị cho chúng em kiến thức bản, cần thiết năm học vừa qua để em có đủ điều kiện hoàn thành đề tài tốt nghiệp Đặc biệt em xin bày tỏ lòng biết ơn sâu sắc tới thầy giáo Ths Vũ Anh Hùng, người hướng dẫn, bảo tận tình suốt thời gian làm đề tài tốt nghiệp Chúng xin gởi đến cha mẹ lời ghi ơn sâu sắc, người sinh dạy bảo chúng trưởng thành đến ngày hôm Mặc dù cố gắng để hoàn thiện báo cáo tốt nghiệp song khả hạn chế nên báo cáo nhiều thiếu sót Vì em mong nhận đóng góp chân tình thầy cô bạn bè Một lần em xin chân thành cảm ơn! Hải Phòng, Ngày tháng năm 2013 Sinh viên Phạm Văn Quân MỤC LỤC LỜI MỞ ĐẦU CHƢƠNG I GIỚI THIỆU VỀ PHẦN MỀM NGUỒN MỞ 1.1 Khái niệm Opensource (nguồn mở) 1.2 Phân loại phần mềm nguồn mở 1.3 Lợi ích phần mềm nguồn mở ngƣời sử dụng 1.4 Giới thiệu số loại phần mềm nguồn mở thƣờng gặp CHƢƠNG II PHẦN MỀM NGUỒN MỞ NUKEVIET 2.1 Giới thiệu phần mềm nguồn mở NukeViet 2.1.1 Nukeviet gì? 2.1.2 Lịch sử phát triển Nukeviet 2.1.3 Ứng dụng Nukeviet 2.1.4 Ưu nhược điểm Nukeviet 2.1.4.1 Ưu điểm Nukeviet 2.1.4.2 Nhược điểm Nukeviet 2.1.5.Các phiên Nukeviet 10 2.1.6 Cấu trúc NukeViet 10 2.1.7 Các khái niệm 12 2.1.8 Các website ứng dụng Nukeviet 16 2.2 Cách thức cài đặt NukeViet 17 2.2.1 Cài đặt WebServer Xampp để chạy Nukeviet 17 2.2.1.1 Các phần mềm yêu cầu 17 2.2.1.2 Các bước tiến hành cài đặt 17 2.2.2 Cài đặt NukeViet 21 2.3 Cấu trúc gói cài đặt Module 28 2.4 Viết nội dung cho Module 33 2.5 Cách đƣa Module tích hợp vào Nukeviet 34 CHƢƠNG III ỨNG DỤNG NUKEVIET ĐỂ XÂY DỰNG WEBSITE BÁN HÀNG CHO CỬA HÀNG MÁY TÍNH 2T 35 3.1 Hiện trạng thƣơng mại điện tử 35 3.2 Giới thiệu Công ty TNHH MÁY TÍNH 2T 36 3.3 Giới thiệu trang web ứng dụng Nukeviet làm shop bán hàng 37 3.3.1 Tiêu chí cho hệ thống 37 3.3.2 Cài đặt module shop Nukeviet 37 3.3.3.Phát triển Giao diện, Module, Block cho Shop Nukeviet 48 3.3.3.1 Phát triển Giao diện (Theme) 48 3.3.3.2 Phát triển Block hỗ trợ trực tuyến 56 3.3.3.3 Phát triển Block Popup quảng cáo khuyến mại 58 3.3.4 Sử dụng Nukeviet Shop 60 Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Js có jquery.js popup.js chứa hàm, dòng lệnh javascrip để thực nội dung popup Sau thực xong ta quay lại trang web với địa localhost xuất quảng cáo trang Hình 3.3.29: Popup quảng cáo Như với số thao tác đơn giản em hoàn thành website bán hàng cho công ty máy tính 2T Trang web đơn giản, bắt mắt đầy đủ chức shop bán hàng online 3.3.4 Sử dụng Nukeviet Shop 3.3.4.1 Hướng dẫn sử dụng trang quản trị Module Shop cho phép tạo lập gian hàng trực tuyến, xử lý toán trực tuyến cách tích hợp cổng toán Các Tính : - Tổ chức trình bày gian hàng theo tác tiêu chí: Loại sản phẩm, nhóm sản phẩm, sản phẩm cập nhật… - Các tính phục vụ xem chọn hàng: Danh mục loại sản phẩm, giỏ hàng, sản phẩm loại, sản phẩm mẫu, sản phẩm xem nhiều nhất… - Đặt hàng: Đưa vào giỏ hàng với sản phẩm cho phép đặt hàng - Thanh toán trực tuyến thẻ ATM qua hệ thống toán NganLuong.VN Sinh viên: Phạm Văn Quân 60 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng - Gửi đơn đặt hàng: Thành viên website gửi đơn đặt hàng - Lịch sử giao dịch: Hiển thị lịch sử giao dịch thành viên Các chức Quản Trị Hệ Thống : Danh sách sản phẩm Hiển thị danh sách sản phẩm đăng lên Hình 3.3.30: Hiển thị danh sách sản phẩm Thêm loại sản phẩm( Quản lý thêm, sửa, xóa sản phẩm) Để thêm sản phẩm trước tiên cần phải tạo: Loại sản phẩm đơn vị sản phẩm Thêm loại sản phẩm Hình 3.3.31: Thêm loại sản phẩm Sinh viên: Phạm Văn Quân 61 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng - Bước 1: Nhập tên loại sản phẩm - Bước 2: Chọn chủ đề Khi tạo loại sản phẩm hệ thống cho phép tạo chủ đề sau thêm loại sản phẩm cho phép chọn chủ đề tương ứng Liên kết tỉnh: liên kết hệ thống để kết nối đến sở liệu, thường liên kết hệ thống tự động lấy Từ khóa: từ khóa để tìm kiếm nhanh Miêu tả: thông tin miêu tả loại sản phẩm Quyền xem: cho phép đối tượng xem loại sản phẩm (Tất cả/ Quản Trị/ Thành viên/ Nhóm thành viên) - Bước 3: Nhấn Lưu thay đổi để lưu lại Thêm đơn vị sản phẩm Hình 3.3.32: Thêm đơn vị sản phẩm - Bước : Nhập tên đơn vị sản phẩm Ghi Chú : thông tin ghi cho đơn vị sản phẩm - Bước : Nhấn Ghi lại nội dung Sinh viên: Phạm Văn Quân 62 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Thêm sản phẩm Hình 3.3.33: Thêm sản phẩm Các phần đánh dấu * bắt buộc nhập, phần lại có không - Bước 1: Chọn loại sản phẩm (đã làm bước trước) - Bước 2: Nhập tên sản phẩm Nhấn GET để tạo liên kết - Bước 3: Nhập thông tin Mã sản phẩm, Giá sản phẩm, Số lượng kho, Giảm giá - Bước 4: Chọn hình minh họa cho sản phẩm cách nhấn nút Browse Server Nhập thông tin: Chú thích cho hình, Giới thiệu ngắn gọn, Địa điểm bán, Hãng sản xuất - Bước 5: Nhập nội dung chi tiết cho sản phẩm (đây phần bắt buộc) - Bước 6: Thêm thuộc tính cho sản phẩm (nếu không chỉnh sửa hệ thống tự động lấy thông tin mặc định) phần: Sản phẩm thuộc Block, Từ khóa dành cho máy chủ tìm kiếm, Thời gian cập nhật, Thời gian hết hạn, Tính mở rộng - Bước 7: Nhấn đăng sản phẩm để đăng sản phẩm nhấn lưu sản phẩm không đăng để sản phẩm không đăng Sinh viên: Phạm Văn Quân 63 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Nhóm sản Phẩm ( Quản lý thêm, sửa, xóa nhóm sản phẩm) Hình 3.3.34: Quản lý nhóm sản phẩm - Bước 1: Nhập tên nhóm sản phẩm - Bước 2: Chọn nhóm sản phẩm (nhóm nhóm tạo) Liên kết tỉnh: liên kết hệ thống để kết nối đến sở liệu, thường liên kết hệ thống tự động lấy Từ khóa: từ khóa để tìm kiếm nhanh Miêu tả: thông tin miêu tả loại sản phẩm Quyền xem: cho phép đối tượng xem loại sản phẩm (Tất cả/ Quản Trị/ Thành viên/ Nhóm thành viên) - Bước 3: Nhấn Lưu thay đổi để lưu lại Sinh viên: Phạm Văn Quân 64 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Block Sản Phẩm (Dùng để nhóm sản phẩm lại theo tiêu chí định) Hình 3.3.35: Block sản phẩm - Bước 1: Nhập tên Block sản phẩm - Bước 2: Từ khóa cho máy chủ tìm kiếm - Bước 3: Và miêu tả Block sản phẩm Hãng sản xuất Hình 3.3.36: Hãng sản phẩm - Bước 1: Quản lý hãng sản phẩm như: sửa, xóa, thêm hãng sản xuất - Bước 2: Để thêm hãng sản xuất cần có Tên hãng sx, website hãng (nếu có) Logo hãng làm đại diện - Bước 3: Lưu thay đổi Sinh viên: Phạm Văn Quân 65 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Quản lý bình luận Hình 3.3.37: Quản lý bình luận Quản lý Bật, Tắt xóa bình luận sản phẩm Đơn Đặt hàng Hình 3.3.38: Đơn đặt hàng Sinh viên: Phạm Văn Quân 66 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Đơn vị tiền tệ (Quản Lý việc: thêm, sửa, xóa đơn vị tiền tệ, mặc định cài nukeviet Việt Nam đồng USD) Hình 3.3.39: Đơn vị tiền tệ Để thêm đơn vị tiền tệ cần thực bước: - Bước 1: Chọn loại tiền tệ Có thể thêm Tên gọi (để hiển thị cho loại tiền tệ) tỷ giá so với đơn vị tiền tệ nước - Bước 2: Nhấn Ghi lại nội dung để lưu lại Tích hợp cổng toán (Quản lý: thêm, sửa kích hoạt/ ngừng kích hoạt cổng toán Nukeviet hổ trợ cổng toán Ngân lượng) Hình 3.3.40: Tích hợp cổng toán Sinh viên: Phạm Văn Quân 67 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Hƣớng dẫn toán (Cung cấp thông tin cụ thể nhằm hướng dẫn khách hàng dễ dàng việc toán) Nội dung hiển thị phần chi tiết sản phẩm hỗ trợ toán Hình 3.3.41: Hướng dẫn toán Cấu hình Module Hình 3.3.42: Cấu hình Module Sinh viên: Phạm Văn Quân 68 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Quản lý thông tin module shops: Cách hiển thị trang chủ Kích thước hình trang chủ Số sản phẩm hiển thị trang Số sản phẩm hiển thị hàng Hiển thị phần giới thiệu gắn gọn xem chi tiết sản phẩm Bật chức đặt hàng trang hiển thị Hiển thị giá sản phẩm Kích hoạt chức đặt hàng không giới hạn số lượng sản phẩm Cho phép toán trực tuyến với cổng tích hợp Kích hoạt chức bình luận cho sản phẩm Tự động đăng thảo luận không cần qua kiểm duyệt Ai có quyền thảo luận Đơn vị tiền tệ sử dụng Định dạng mã hóa đơn Tự động duyệt đơn hàng người mua gửi 3.3.4.2 Hướng dẫn sử dụng trang người dùng - Đăng ký thành viên Vào trang chủ chọn Thành viên - Đăng ký Hình 3.3.43: Đăng kí thành viên Sinh viên: Phạm Văn Quân 69 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Hiện trang mới: Hình 3.3.44: Điền thông tin đăng kí thành viên Người dùng cần điền đầy đủ xác thông tin Chú ý password cần phải từ ký tự trở lên Tiếp theo tích vào ô đồng ý quy định Sau nhấn Đăng kí thành viên, thông tin xác nhận gửi vào mail người dùng đăng ký Khi xác nhận thông tin người dùng đăng nhập vào website để thực giao dịch đăng ký mua hàng - Đăng ký mua hàng Chọn sản phẩm cần mua Lựa chọn sản phẩm cách nhấn chọn sản phẩm cách nhấn vào “Chi tiết” sản phẩm sau ấn “Đặt mua” Sinh viên: Phạm Văn Quân 70 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Hình 3.3.45: Đặt mua hàng Sau ấn đặt hàng hàng cần mua tự động thêm vào giỏ hàng bạn Chọn Xem chi tiết để vào giỏ hàng Hình 3.3.46: Vào giỏ hàng Nhấn “Đặt hàng” để vào trang thông tin đặt hàng Hình 3.3.47: Cập nhật giỏ hàng đặt hàng Sinh viên: Phạm Văn Quân 71 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Tại trang thông tin đặt hàng ta điền thông tin xác vào mục gửi phiếu thông tin đặt hàng Hình 3.3.48: Điền thông tin mua hàng Sau hoàn thành mua hàng chuyển tới trang xem hóa đơn Hình 3.3.49: Phiếu hóa đơn mua hàng Sinh viên: Phạm Văn Quân 72 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng KẾT LUẬN Đề tài “Tìm hiểu mã nguồn mở Nukeviet ứng dụng” doanh nghiệp cá nhân quan tâm tới Trong trình khảo sát tìm hiểu để phân tích đề tài dẫn thầy Vũ Anh Hùng, em hiểu phần thấy công việc cần phải làm để xây dựng cho ứng dụng “Xây dựng website máy tính 2T” Tuy gặp phải nhiều khó khăn em cố gắng để hoàn thành website với chức sau: Website giới thiệu thông tin tới khách hàng Website xây dựng tảng Nukeviet tính bảo mật cao, tránh hacker xâm nhập đánh cắp liệu Website đáp ứng yêu cầu hoạt động thương mại điện tử, giao diện đẹp, thiết kế nhanh, sử dụng đơn giản Website thử nghiệm localhost Website đạt số chức để phục vụ cho việc giới thiệu đến khách hàng sản phẩm cửa hàng đáp ứng phần nhỏ yêu cầu Em mong nhận ý kiến đóng góp để website phát triển hoàn thiện thời gian tới đáp ứng đầy đủ yêu cầu Mặc dù cố gắng nhiều trình khảo sát tìm hiểu mã nguồn mở xây dựng ứng dụng website “Máy tính 2T”, không tránh khỏi thiếu sót Vì em mong quý thầy cô quan tâm đến đề tài dẫn góp ý kiến cho em để em hoàn thiện website cách đầy đủ Mong muốn em phát triển website: Với nhiều tính năng, ứng dụng thân thiện Cơ chế bảo mật cao Sinh viên: Phạm Văn Quân 73 Khóa 13, ngành Công nghệ thông tin Đồ án tốt nghiệp Tìm hiểu phần mềm nguồn mở Nuke Viet ứng dụng Tài liệu tham khảo [1] http://forum.nukeviet.vn/ [2] http://wiki.nukeviet.vn/ [3] http://vi.wikipedia.org/wiki/NukeViet [4] DVD thiết kế web http://www.izwebz.com/ [5] Xây dựng ứng dụng Web PHP & MySQL – Phạm Hữu Khanh - Nhà xuất Phương Đông Sinh viên: Phạm Văn Quân 74 Khóa 13, ngành Công nghệ thông tin