Xây dựng website một mã nguồn cho nhiều nội dung

TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI TP HCM KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN THANH XÂY DỰNG WEBSITE MỘT MÃ NGUỒN CHO NHIỀU NỘI DUNG LUẬN VĂN TỐT NGHIỆP TP HCM, 2012 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI TP HCM KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN THANH - 0751120105 XÂY DỰNG WEBSITE MỘT MÃ NGUỒN CHO NHIỀU NỘI DUNG LUẬN VĂN TỐT NGHIỆP GIÁO VIÊN HƯỚNG DẪN Ths Nguyễn Lương Anh Tuấn NIÊN KHÓA 2007 - 2012 GVHD: Nguyễn Lương Anh Tuấn 2012 PHỤ BÌA SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 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 Giao Thông Vận Tải TpHCM tạo điều kiện tốt cho chúng em thực đề tài thực tập tốt nghiệp Trong suốt thời gian làm đề tài, chúng em nhận nhiều giúp đỡ.Ở phần thực tập tốt nghiệp, cho phép chúng em có đơi điều gửi đến người chúng em vô biết ơn Chúng em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Lương Anh Tuấn thầy tận tình hướng dẫn, động viên giúp đỡ chúng em suốt thời gian qua.Nhờ lời dẫn, tài liệu, lời động viên, khích lệ Thầy mà đề tài thực tập rốt nghiệp chúng em hoàn thành Chúng xin gửi lời cảm ơn sâu sắc đến bố mẹ, anh chị, người thân gia đình ln dành tình u thương, hỗ trợ, dõi theo bước chúng năm học vừa qua Xin tri ân tất Thầy Cô, người dày công dạy dỗ, truyền đạt cho chúng em nhiều tri thức quý báu Xin cảm ơn tất bạn bè, người sát cánh vui niềm vui, chia sẻ khó khăn giúp đỡ chúng em nhiều trình thực đề tài thực tập tốt nghiệp Mặc dù chúng em cố gắng để hoàn thành thực tập tốt nghiệp phạm vi khả cho phép chắn khơng thể tránh khỏi thiếu sót Chúng em kính mong nhận bảo tận tình quý Thầy Cơ Thành phố Hồ Chí Minh, tháng 11 năm 2012 Sinh viên thực Nguyễn Thanh SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 MỤC LỤC CHƯƠNG 1: MỞ ĐẦU 12 1.1 Nhu cầu thực tế lý chọn đề tài: 12 1.2 Mục đích 16 1.3 Đối tượng 17 - Tìm hiểu ngơn ngữ lập trình website PHP gì? 17 - Tìm hiểu ngơn ngữ đánh dấu HTML gì? 17 - Tìm hiểu ngơn ngữ dàn trang CSS gì? 17 - Tìm hiểu ngơn ngữ thơng dịch Javascript gì? 17 - Tìm hiểu website nhiều nội dung xây dựng ứng dựng ngôn ngữ php.17 1.4 Phạm vi nghiên cứu 17 - Nghiên cứu tìm hiểu website nhiều nội dung 17 - Nghiên cứu cách thức hoạt động website nhiều nội dung 17 Nghiên cứu xây dựng website nhiều nội dung ngơn ngữ PHP từ xây dựng trang web i-shopping dựa ứng dụng website nhiều nội dung 17 CHƯƠNG 2: GIỚI THIỆU WEBSITE NHIỀU NỘI DUNG 18 2.1 Giới thiệu website nhiều nội dung 18 2.2 Ưu nhược điểm 18 2.3 Các thành phần website nhiều nội dung 20 CHƯƠNG 3: WEBSITE NHIỀU NỘI DUNG VỚI NGÔN NGỮ PHP 22 3.1 Tổng quan website nhiều nội dung ngôn ngữ PHP 22 3.2 Ứng dụng website nhiều nội dung với ngôn ngữ PHP 27 SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 CHƯƠNG 4: TỔNG QUAN VỀ WEBSITE NHIỀU NỘI DUNG TRONG NGÔN NGỮ PHP 35 4.1 Giới thiệu tổng quan trang web ishopping 35 - Hệ thống quản trị nội dung: 36 o Quản lý trang nội dung 36 o Thêm trang nội dung không giới hạn 36 o Trình soạn thảo trực quan WYSIWYG 36 o Upload ảnh, video, flash, doc, pdf… 36 o Quản lý danh mục tin tức 36 o Nhúng audio, video, flash vào nội dung (Tải lên từ Youtube ) 36 o Tùy chọn ẩn/hiện danh mục tin 36 o Sắp xếp thứ tự thị danh mục tin 36 o Chức đăng tin chuyên nghiệp 36 o Quản lý ảnh, flash trực quan 36 - Tối ưu máy tìm kiếm (SEO) 36 o Cấu trúc website liên kết tối ưu 36 o Tối ưu trang nội dung (Thiết lập tiêu đề, mô tả, từ khóa) 36 o Thiết lập mặc định tiêu đề, mơ tả, từ khóa 36 o Thiết lập SEO cho danh mục sản phẩm 36 o Thiết lập SEO cho danh mục tin tức 36 - Tài khoản phân quyền 36 o Thêm tài khoản 36 o Đổi mật 36 SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 o Quản lý danh sách tài khoản 36 o Phân quyền quản trị 36 - Cơng cụ tiện ích 37 o Cập nhật thông tin liên hệ, giới thiệu 37 o Hiển thịảnh (Slide show) 37 o Hiển thị thơng tin tỷ giá, chứng khốn 37 o Thông tin dự báo thời tiết 37 o Thống kê truy cập 37 - Sản phẩm hàng hóa 37 o Hỗ trợ danh mục đa cấp 37 o Tìm kiếm nhanh 37 o Bộ lọc sản phẩm đa 37 o Tìm kiếm theo từ khóa, danh mục, giá 37 o Hiển thị nhiều ảnh mô tả cho sản phẩm 37 o Xem ảnh sản phẩm dạng slide show đẹp mắt 37 o Hỗ trợ nhiều thơng số (Mã hàng, bảo hành, màu sắc, kích thước ) 37 o Zoom ảnh xem sản phẩm 37 o Hiển thị khuyến mại, giảm giá 37 o Thiết lập sản phẩm liên quan 37 o Thiết lập thuộc tính sản phẩm 37 o Thông tin giá: Giá bán, giá thị trường, liên hệ để có giá 37 o Sắp xếp phẩm theo giá (Cao-thấp/Thấp-cao) 37 SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 - Quản lý đơn hang 38 o Tiếp nhận đơn đặt hàng trực tuyến 38 o Xem thông tin sản phẩm, giá trị đơn hàng 38 o Xem thông tin người đặt hàng 38 o Xử lý thay đổi trạng thái đơn hàng 38 o Lưu vết, ghi thông tin đơn hàng 38 o Xác nhận hủy đơn hàng 38 o Xác nhận đơn hàng thành công 38 4.2 Các chức trang web 38 - Quản lý đơn hàng 38 - Quản lý tin tức 38 - Quản lý thành viên 38 - Quản lý quảng cáo 38 - Quản lý thông tin tiện ích 38 - Quản lý liên kết website 38 4.3 Phân tích hệ thống 38 Hình 4-1: Module thơng tin doanh nghiệp 39 Hình 4-2: Module logo - banner 40 Hình 4-3: Module tin tức 41 Danh mục sản phẩm: Đây phần quản lý danh mục sản phẩm Số cấp danh mục thay đổi theo ý người dùng Giao diện thư mục rõ ràng, làm cho người dùng hình dung dễ dàng liệu 42 Tìm kiếm sản phẩm: Tìm kiếm sản phẩm theo tiêu chí sau: tên sản phẩm, danh mục chính, danh mục con… Việc tìm kiếm xác giúp cho việc quản lý SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 người dùng thuận tiện sản phẩm họ tăng lên đến hàng trăm, hàng ngàn sản phẩm 42 Cấu hình đóng dấu tìm kiếm: Cho phép người dùng tự cấu hình việc đóng dấu tìm kiếm theo ý riêng 42 Hình 4-4: Module sản phẩm 42 Hình 4-5: Module đơn hàng 43 Hình 4-6: Module tùy chỉnh giao diện 45 Hình 4-7: Module quản lý thành viên 46 Hình 4-8: Module quản lý thiết lập 47 Hình 4-10: Trang sản phẩm 49 Hình 4-11: Trang tin tức 50 Hình 4-12: Giỏ hàng 51 Thời tiết: Tiện ích thơng báo thời tiết hiển thị thông tin thời tiết thành phố lớn ngày trở lại 52 - Tiện ích giá vàng: Thơng tin loại vàng cập nhật 52 - Ngoại tệ: Thông tin tỷ giá chuyển đổi loại ngoại tệ giới 52 - Thơng tin chứng khống cập nhật từ trang 24h 52 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 53 5.1 Những kết đạt 53 Xây dựng hệ thống website nhiều nội dung hồn chỉnh với đầy đủ tính website đại 53 Nội dung phong phú, giao diện đặc sắc đem lại nhiều lựa chọn cho người dùng 53 Tùy chỉnh quản trị dễ dàng, linh hoạt giúp người quản trị tiếp cận nhanh với công nghệ 53 SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 Thời gian tạo website nhanh, tốn vài phút, giúp cho khách hàng tiết kiệm thời gian tiền bạc 53 Tích hợp thành cơng cổng tốn trực tuyến, giúp khách hàng kinh doanh cách hiệu 53 5.2 Những vấn đề tồn 53 Giao diện website người dùng chưa can thiệp 100%, mà phép thay đổi số nội dung cho phép 53 5.3 Cấu trúc website dạng truyền thống, chưa cho người dùng đổi 53 Hướng phát triển 53 - Cho phép người dùng upload giao diện riêng 53 - Tạo trang hỗ trợ cho website như: blog, diễn đàn… 53 Nâng cấp tính cao cấp như: đấu giá sản phẩm, so sánh nhiều sản phẩm 53 SV: Nguyễn Thanh Trang GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-2: Module logo - banner 4.3.1.3 - Module Tin tức Có đầy đủ ba chức thêm, xóa, sửa tin tức website Ngoài ra, cách thị danh sách tin tức mạch lạc, dễ hiểu, khơng gây khó khăn cho việc quản lý tin tức người dùng SV: Nguyễn Thanh Trang 40 GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-3: Module tin tức 4.3.1.4 - Module Sản phẩm Đăng sản phẩm: Giao diện để đăng sản phẩm đơn giản, có đầy đủ chức cần thiết để đưa thông tin sản phẩm lên website Có phần tiện ích như: Sản phẩm giảm giá, sản phẩm tiêu biểu, sản phẩm mới, đóng dấu hình ảnh sản phẩm, từ khóa để SEO sản phẩm - Danh sách sản phẩm: Hiển thị thông tin cần thiết tất sản phẩm, giao diện xóa, sửa rõ ràng, dễ thao tác SV: Nguyễn Thanh Trang 41 GVHD: Nguyễn Lương Anh Tuấn - 2012 Danh mục sản phẩm: Đây phần quản lý danh mục sản phẩm Số cấp danh mục thay đổi theo ý người dùng Giao diện câythư mục rõ ràng, làm cho người dùng hình dung dễ dàng liệu - Tìm kiếm sản phẩm: Tìm kiếm sản phẩm theo tiêu chí sau: tên sản phẩm, danh mục chính, danh mục con… Việc tìm kiếm xác giúp cho việc quản lý người dùng thuận tiện sản phẩm họ tăng lên đến hàng trăm, hàng ngàn sản phẩm - Cấu hình đóng dấu tìm kiếm: Cho phép người dùng tự cấu hình việc đóng dấu tìm kiếm theo ý riêng Hình 4-4: Module sản phẩm SV: Nguyễn Thanh Trang 42 GVHD: Nguyễn Lương Anh Tuấn 4.3.1.5 - 2012 Module đơn hàng Danh sách đơn hàng: Liệt kê tất đơn hàng mà khách hàng đặt website - Đơn hàng chưa xử lý: Danh sách đơn hàng đặt chờ người dùng xử lý - Đơn hàng xử lý: Danh sách đơn hàng người dùng kiểm duyệt xử lý Có thể đơn hàng giao dịch thành công thất bại - Đơn hàng lỗi: Những đơn hàng thiếu thơng tin người mua thông tin không cụ thể - Thống kê đơn hàng Hình 4-5: Module đơn hàng SV: Nguyễn Thanh Trang 43 GVHD: Nguyễn Lương Anh Tuấn 4.3.1.6 - 2012 Module Tùy chỉnh giao diện Đổi giao diện: Cho phép người dùng chọn giao diện phù hợp với ngành hàng buôn bán màu sắc yêu thích Khi khách hàng đăng ký gói có trả phí lựa chọn giao diện thay tự thay đổi bất ký lúc muốn - Bố cục giao diện: Đây phần cho người dùng tự thay đổi màu nền, hình website chọn ba kiểu bố cục: trái – – phải, trái – giữa, – phải - Bố cục module: Giao diện kéo thả giúp người dùng thay đổi vị trí module ngồi giao diện bật - tắt module tùy ý Nhằm tạo khác biệt website - Tùy chỉnh menu: Đây phần quản lý menu chính, giao diện quản lý dạng cây, có đầy đủ chức thêm, xóa, sửa SV: Nguyễn Thanh Trang 44 GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-6: Module tùy chỉnh giao diện 4.3.1.7 - Module Quản lí thành viên Danh sách thành viên: Quản lý thành viên hệ thống quản trị website, thành viên phân quyền rõ ràng chi tiết đến module với quyền: xem, thêm, xóa, sửa, tìm kiếm… - Sự phân quyền chi tiết giúp người quản trị website quản trị dễ thành viên ủy quyền cụ thể nhằm giúp người quản trị chia sẻ công việc dễ dàng SV: Nguyễn Thanh Trang 45 GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-7: Module quản lý thành viên 4.3.1.8 - Module Các thiết lập bổ sung Máy chủ mail: Cho người dùng thiết lập thông số máy chủ mail để gửi mail tới khách hàng họ - Yahoo, phone hỗ trợ: Cấu hình thơng tin yahoo hỗ trợ online, số điện thoại chủ website, tài khoản mạng xã hội: facebook, twitter… - SEO website: Cho người dùng nhập từ khóa, mơ tả để trang tìm kiếm dễ dàng - Cấu hình cổng tốn: Khi người dùng có sử dụng cổng tốn đảm bảo trực tuyến cấu hình để khách hàng tốn đơn hàng online Hiện hệ thống tích hợp ba cổng toán trực tuyến là: Ngân Lượng, Bảo Kim, Paypal - Sitemap: Sơ đồ website - Tùy trang mặc định: Cho người dùng chọn trang mặc định mở website.Quản lý fanpage facebook: Cấu hình trang facebook SV: Nguyễn Thanh Trang 46 GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-8: Module quản lý thiết lập 4.3.1.9 Module Thống kê - Tổng quát: Bao gồm thống kê sản phẩm, đơn hàng - Lịch sử truy cập: Ghi lại lịch sử truy cập người dùng trang quản trị - Lượt truy cập: Biểu diễn lượt truy cập theo dạng ngày tháng SV: Nguyễn Thanh Trang 47 GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-9: Module thống kê 4.3.2 Public 4.3.2.1 - Module Sản phẩm Hiển thị danh sách sản phẩm theo danh mục, sản phẩm mới, sản phẩm khuyến mãi… - Module sản phẩm tiêu biểu gồm slide sản phẩm chọn sản phẩm tiêu biểu nhằm thu hút quan tâm khách hàng SV: Nguyễn Thanh Trang 48 GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-10: Trang sản phẩm 4.3.2.2 - Module Tin tức Hiển thị danh sách tin tức với tiêu đề mô tả ngắn tin tức Ảnh đại diện tin tức lấy tự động từ hình ảnh có nội dung viết SV: Nguyễn Thanh Trang 49 GVHD: Nguyễn Lương Anh Tuấn 2012 Hình 4-11: Trang tin tức SV: Nguyễn Thanh Trang 50 GVHD: Nguyễn Lương Anh Tuấn 4.3.2.3 - 2012 Module Đặt hàng Khách hàng đặt hàng online với hai hình thức tồn là: Thanh tốn trực tiếp giao hàng toán qua cổng toán trực tuyến Trang giỏ hàng thể đầy đủ thông tin sản phẩm như: tên sản phẩm, hình ảnh, số lượng, đơn giá tổng tiền Cho phép cập nhật lại số lượng mua xóa bỏ khơng muốn mua Hình 4-12: Giỏ hàng SV: Nguyễn Thanh Trang 51 GVHD: Nguyễn Lương Anh Tuấn 4.3.2.4 - 2012 Module Thơng tin tiện ích Thời tiết: Tiện ích thơng báo thời tiết hiển thị thông tin thời tiết thành phố lớn ngày trở lại - Tiện ích giá vàng: Thơng tin loại vàng cập nhật - Ngoại tệ: Thông tin tỷ giá chuyển đổi loại ngoại tệ giới - Thơng tin chứng khống cập nhật từ trang 24h SV: Nguyễn Thanh Trang 52 GVHD: Nguyễn Lương Anh Tuấn 2012 Chương 5:KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 - Những kết đạt Xây dựng hệ thống website nhiều nội dung hoàn chỉnh với đầy đủ tính website đại - Nội dung phong phú, giao diện đặc sắc đem lại nhiều lựa chọn cho người dùng - Tùy chỉnh quản trị dễ dàng, linh hoạt giúp người quản trị tiếp cận nhanh với công nghệ - Thời gian tạo website nhanh, tốn vài phút, giúp cho khách hàng tiết kiệm thời gian tiền bạc - Tích hợp thành cơng cổng tốn trực tuyến, giúp khách hàng kinh doanh cách hiệu 5.2 - Những vấn đề tồn Giao diện website người dùng chưa can thiệp 100%, mà phép thay đổi số nội dung cho phép 5.3 Cấu trúc website dạng truyền thống, chưa cho người dùng đổi Hướng phát triển - Cho phép người dùng upload giao diện riêng - Tạo trang hỗ trợ cho website như: blog, diễn đàn… - Nâng cấp tính cao cấp như: đấu giá sản phẩm, so sánh nhiều sản phẩm SV: Nguyễn Thanh Trang 53 GVHD: Nguyễn Lương Anh Tuấn 2012 TÀI LIỆU THAM KHẢO: Tiếng Việt [1] http://thegioilaptrinh.net/viewtopic.php?f=6&p=98 [2] http://www.phpvn.org/index.php?topic=301.0;wap2 [3] http://techblog.hdexpertise.com/vn/uncategorized/timhi%E1%BB%83u-va-%E1%BB%A9ng-d%E1%BB%A5ng-webservicetrong-php/ [4] http://vioscom.com/index.php/News/View/23/1 [5] http://vovanhai.wordpress.com/web-services/gi%E1%BB%9Bithi%E1%BB%87u-v%E1%BB%81-web-service/ [6] http://www.tocdo.vn/showthread.php?t=5530 [7] http://tailieu.vn/xem-tai-lieu/bai-8-web-service.209952.html [8] http://www.slideshare.net/askbills/slide-web-service Tiếng Anh [9] http://www.php.net/manual/en/refs.webservice.php [10] http://talks.php.net/index.php/Web+Services [11] http://www.scottnichol.com/nusoapprog.htm#fault SV: Nguyễn Thanh Trang 54 ... Chương 2:GIỚI THIỆU WEBSITE NHIỀU NỘI DUNG 2.1 - Giới thiệu website nhiều nội dung Website nhiều nội dung website có mã nguồn có khả cho nhiều giao diện khác tương ứng với nhiều database hình... nhiều nội dung 17 Nghiên cứu xây dựng website nhiều nội dung ngơn ngữ PHP từ xây dựng trang web i-shopping dựa ứng dụng website nhiều nội dung 17 CHƯƠNG 2: GIỚI THIỆU WEBSITE NHIỀU NỘI DUNG ... website nhiều nội dung phát triển lần có sử dụng cho nhiều site khác nhau, có tính mở rộng để phát triển tính cho website - Website nhiều nội dung đưa cho bạn nhiều lựa chọn nội dung giao diện website