BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC HOÀ BÌNH Họ tên : Lê Văn Hưng TÊN ĐỀ TÀI LUẬN VĂN : Xây dựng website bình chọn nhà hàng trực tuyến LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Hà Nội – Ngày 08 / 05 / 2012 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC HOÀ BÌNH Họ tên : Lê Văn Hưng TÊN ĐỀ TÀI LUẬN VĂN : Xây dựng website bình chọn nhà hàng trực tuyến LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Chuyên nghành :Công nghệ thông tin NGƯỜI HƯỚNG DẪN KHOA HỌC : T/s : Nguyễn Đăng Minh Hà Nội – 2012 LỜI NÓI ĐẦU Sau một thời gian nghiên cứu và làm việc em đã hoàn thành được đề tài khoá luận “Xây dựng website bình chọn nhà hàng trực tuyến ” Đầu tiên em xin gửi lời cảm ơn chân thành và sâu sắc đến thầy Nguyễn Đăng Minh , người đã trực tiếp hướng dẫn em thực hiện đề tài này một cách tận tình và tâm huyết Em xin chân thành cảm ơn các thầy , cô khoa công nghệ thông tin cũng cán bộ giảng viên trường Đại Học Hoà Bình đã tạo điều kiện cho em được học tập , nghiên cứu và hoàn thành đề tài này Em cũng gửi lời cảm ơn tới gia đình và bạn bè đã chia sẻ ,giúp đỡ về mặt kiến thức cũng tinh thần suốt quá trình em thực hiện đề tài này Em xin chân thành cảm ơn ! MỤC LỤC LỜI NÓI ĐẦU …………………………………………………………………………….3 Chương : GIỚI THIỆU TỔNG QUAN …………………………………………………9 1.1 Lý chọn đề tài ………………………………………………………… 1.2 Mục đích phạm vi đối tượng của đề tài ……………………………… 15 1.3 Ý nghĩa thực tiễn của đề tài …………………………………………………… 15 Chương : CÁC VẤN ĐỀ CẦN QUAN TÂM …………………………………………17 2.1 Kỹ thuật Web …………………………………………………………………….17 2.2 Mã nguồn mở ……………………………………………………………………20 2.2.1 Các hệ mã nguồn mở phổ biến …………………………………………….20 2.2.2 Hệ mã nguồn mở Joomla ………………………………………………… 21 2.3 Host ảo ………………………………………………………………………… 23 Chương :QUY TRÌNH CÀI ĐẶT CÔNG CỤ LÀM WEB , LẬP TRÌNH VÀ THIẾT KẾ GIAO DIỆN …………………………………………………………………………24 3.1 Thứ tự cài đặt ………………………………………………………………… 24 3.1.1 Cài đặt Host ảo …………………………………………………………… 24 3.1.2 Cài đặt Joomla 1.5.25 ……………………………………………………….27 3.2 Thiết kế giao diện và lập trình ………………………………………… 37 3.3 Nhu cầu về component ,module website ……………………………… 40 3.3.1 Nhu cầu về compnent ,module joomla chuẩn …………………………… 40 3.3.2 Component , module joomla mở rộng …………………………………… 41 Chương :WEBSITE HOÀN CHỈNH VÀ ỨNG DỤNG THỰC TẾ ………………… 44 4.1 Giao diện trang web …………………………………………………………… 44 4.2 Vận hành website ……………………………………………………………… 50 4.2.1 Tìm hiểu về Domain name , Hosting và băng thông …………………….50 4.2.2 Chi phí vận hành ……………………………………………………………52 4.2.3 Nguồn thu ………………………………………………………………… 53 KẾT LUẬN …………………………………………………………………………… 54 Kết quả đạt được …………………………………………………………… 54 Một số hạn chế ……………………………………………………………… 54 TÀI LIỆU THAM KHẢO ……………………………………………………… 55 DANH SÁCH HÌNH Hình 1.1 Hình ảnh quảng cáo Hình 1.2 Sự phát triển của quảng cáo Hình 1.3 Quảng cáo toàn cầu 10 Hình 1.4 Marketing 11 Hình 1.5 Mạng Internet 12 Hình 1.6 Thế giới tầm tay 13 Hình 2.1 HTML 17 Hình 2.3 Ngôn ngữ PHP 18 Hình 2.5 Hệ CSDL MySQL 19 Hình 2.7 Sự kết hợp của PHP và MySQL 20 Hình 2.8 Các hệ mã nguồn mở 21 Hình 2.9 Hệ mã nguồn mở Joomla! 22 Hình 2.10 Gói phần mềm tạo Host ảo 23 Hình 3.1 Gói phần mềm Xampp 24 Hình 3.2 Quy trình cài Xampp bước 24 Hình 3.3 Quy trình cài Xampp bước 25 Hình 3.4 Quy trình cài Xampp bước 25 Hình 3.5 Các thư mục Xampp 26 Hình 3.6 Hình ảnh chạy Host xampp 26 Hình 3.7 Thư mục cài Joomla! 27 Hình 3.8 Quy trình cài Joomla! bước 27 Hình 3.9 Quy trình cài Joomla! bước 28 Hình 3.10 Quy trình cài Joomla! bước 28 Hình 3.11 Quy trình cài Joomla! bước 28 Hình 3.12 Quy trình cài Joomla! bước 29 Hình 13 Quy trình cài Joomla! bước 29 Hình 3.14 Cài đặt thành công Joomla! 30 Hình 3.15 Phần mềm Joom!Fish 31 Hình 3.16 Joom!Fish Joomla! 31 Hình 3.17 Trang quản trị Joomla! 32 Hình 3.18 Các loại Component Joomla! 1.5 32 Hình 3.19 com_content Joomla! 33 Hình 3.20 Các loại Module Joomla! 1.5 34 Hình 3.21 Các loại Plugin Joomla! 1.5 35 Hình 3.22 Template gốc của Joomla 1.5 36 Hình 3.23 Hệ màu 37 Hình 3.24 Bố cục bản của trang web 38 Hình 3.25 Template gốc sử dụng đề tài 39 Hình 3.26 Template đã chỉnh sửa 40 Hình 3.27 Giao diện đăng nhập trang quản trị 41 Hình 3.28 Cài đặt , tháo gỡ module 42 Hình 3.29 Duyệt tập tin và cài đặt 42 Hình 3.30 Cài đặt thành công module 43 Hình 4.1 Trang web hoàn thiện 44 Hình 4.2 Banner chính của trang web 45 Hình 4.3 Thanh Menu chính của trang web 46 Hình 4.4 Form liên hệ 46 Hình 4.5 Chức tìm kiếm thông tin 47 Hình 4.6 Slideshow hình ảnh ở giữa 47 Hình 4.7 Một bài viết tại trang chủ 47 Hình 4.8 Chuyên mục tin đọc nhiều 48 Hình 4.10 Phần bình chọn nhà hàng 48 Hình 4.12 Phần hỗ trợ trực tuyến 49 Hình 4.13 Slide ảnh bên phải 49 Hình 4.14 Footer của trang web 49 Hình 4.15 Tính toàn cầu của Internet 50 Hình 4.16 Tên miền của Website 51 Hình 4.17 Web Hosting 52 Hình 4.18 Nguồn thu từ trang web 53 Chương GIỚI THIỆU TỔNG QUAN 1.1 Lý chọn đề tài Nếu trước (từ 1986) rất nhiều doanh nghiệp ở mọi lĩnh vực không hề quan tâm đến quảng cáo cho sản phẩm của mình , thậm chí họ còn cho rằng quảng cáo chỉ làm tăng chi phí dẫn đến giá thành sản phẩm bị đẩy lên cao và giảm lượng sản phẩm bán mà không thấy được những giá trị lợi ích to lớn mà quảng cáo đem lại Hình 1.1 Hình ảnh quảng cáo Tuy nhiên sự phát triển của thế giới , sự hội nhập của thị trường cái nhìn của mọi người về quảng cáo đã thay đổi Nhu cầu quảng cáo nước tăng vọt và vẫn tiếp tục tăng với tốc độ cao Hình 1.2 Sự phát triển của quảng cáo 10 Theo số liệu thống kê của Ban tổ chức Hàng Việt Nam chất lượng cao về thông tin đã cho thấy quảng cáo là kênh thông tin có tầm ảnh hưởng rộng lớn đến người tiêu dùng (38,44%) Ngành nghề quảng cáo nước đã bắt đầu được chú ý và phát triển vẫn còn rất non trẻ so với các nước tiên tiến thế giới nhất là hình thức quảng cáo qua mạng vẫn còn mới mẻ với cả người tiêu dùng lẫn doanh nghiệp (Trích nguồn :http://www.ticsoft.com/tu-van-quang-ba-website/Co-ban-ve-quangcao-truc-tuyen/21/) Tuy nhiên ngày công nghệ hiện đại đã khiến việc truyền bá thông tin thương mại Internet ngày càng phổ biến với hình thưc rất đa dạng Mạng Internet với hàng tỷ người sử dụng hàng ngày, phần lớn số họ thường đọc quảng cáo trực tuyến lướt web và đó là hội lớn để bạn quảng cáo sản phẩm, dịch vụ, quảng bá website, tên tuổi doanh nghiệp và thương hiệu của mình Internet Vậy chúng ta sẽ tìm hiểu xem quảng cáo và bán hàng trực tuyến có những ưu điểm gì nổi bật so với quảng cáo theo cách truyền thống Hình 1.3 Quảng cáo toàn cầu Cũng các loại hình quảng cáo khác, quảng cáo mạng nhằm cung cấp thông tin, đẩy nhanh tiến độ giao dịch giữa người mua và người bán Nhưng quảng cáo Web khác hẳn quảng cáo các phương tiện thông tin đại chúng khác, nó giúp người tiêu dùng có thể tương tác với quảng cáo Khách hàng có thể nhấn vào quảng cáo để lấy thông tin hoặc mua sản phẩm cùng mẫu mã quảng cáo đó, thậm chí họ còn có thể mua cả sản phẩm từ các quảng cáo trực tuyến website Quảng cáo trực tuyến đã tạo 42 Trang quản trị đã được Việt hoá; Hình 3.28 Cài đặt , tháo gỡ module Để cài đặt module ta vào Phần mở rộng (Extension)-> Cài đặt/tháo gỡ Hình 3.29 Duyệt tập tin và cài đặt Duyệt đến tập tin (module,component) cần cài đặt sau đó nhấn Tải tập tin lên & cài đặt 43 Hình 3.30 Cài đặt thành công module Cài đặt thành công component Khi lựa chọn cũng xây dựng một module joomla chúng ta phải chú ý đến tính phổ thông của module Tức là các module cài đặt phải phù hợp với hầu hết các trình duyệt phổ biến để nó có thể hiển thị được hình ảnh cũng thể hiện được chức của nó 44 Chương WEBSITES HOÀN CHỈNH VÀ ỨNG DỤNG THỰC TẾ 4.1 Giao diện trang web Hình ảnh trang chủ : Hình 4.1 Trang web hoàn thiện Thể hiện được một màu chủ đạo Với bất kỳ một website nào thì nhìn vào trang chủ chúng ta cũng có thể thấy được trang web có bố cục thế nào và các menu được bố trí Mỗi một website được tạo đều có mục đích và được thể hiện theo mỗi cách khác Vì vậy trang chủ sẽ là nơi thể hiện được thương hiệu trang web một cách rõ ràng nhất 45 Giao diện của một trang web có rất nhiều hình ảnh ,danh mục ,mỗi danh mục mang một ý nghĩa , chức riêng Thứ nhất chúng ta phải nói đến vai trò banner chính của trang web mang lại Một banner tiêu chuẩn và thu hút được sự chú ý của người dùng phải có được một số yếu tố nhất định : Một banner chính phải có được kích thước lớn nhắm thu hút được sự chú ý của mọi người Hình ảnh của banner chính là biểu tượng của trang web , nội dung banner cần phải ngắn gọn , đơn giản và phải thể hiện được hướng của trang web Banner cần có màu sắc phù hợp với khung cảnh trang web ,thu hút người dùng cũng phải chú ý các hoạ tiết banner càng đơn giản càng tốt và dung lượng nên nhỏ để giảm bớt thời gian load Dù banner của bạn có một flash đẹp và những câu đầy ý nghĩa người dùng sẽ không có kiên nhẫn để chờ đợi nó load vậy nó sẽ trở nên vô nghĩa Do vậy chúng ta phải giữ cho banner load thật nhanh Hình 4.2 Banner chính của trang web Với banner của website bình chọn nhà hàng trực tuyến : Màu sắc banner đơn giản phù hợp với màu chủ đạo của trang web và tạo cảm giác dễ chịu cho người sử dụng Hình ảnh món ăn thể hiện được thương hiệu trang web hoạt động theo lĩnh vực ẩm thực nhà hàng topnhahang.com thể hiện được địa chỉ của website 46 Tiếp theo là phần menu chính : Hình 4.3 Thanh Menu chính của trang web Thanh menu chính gồm có ba địa chỉ : Trang chủ Liên hệ Ý kiến bạn đọc Giới thiệu nhà hàng Phần trang chủ là mặc định mỗi người dùng truy cập vào website Phần liên hệ dành cho khách hàng có nhu cầu quảng cáo thông tin nhà hàng , món ăn Hình 4.4 Form liên hệ Form điền thông tin khách hàng 47 Phần tìm kiếm thông tin : Hình 4.5 Chức tìm kiếm thông tin Tiếp theo là một Slideshow hình ảnh của một số nhà hàng nổi tiếng kèm theo link bài viết về nhà hàng đó Hình 4.6 Slideshow hình ảnh ở giữa Ở giữa trang chủ được trình bày một bài viết về một nhà hàng Hình 4.7 Một bài viết tại trang chủ 48 Các module bên phải : Hình 4.8 Chuyên mục tin đọc nhiều Hình 4.9 Chuyên mục nhà hàng mới Module TIN ĐỌC NHIỀU có chức liệt kê các bài viết được truy cập nhiều nhất Module NHÀ HÀNG MỚI có chức liệt kê các nhà hàng mới được cập nhật Hình 4.10 Phần bình chọn nhà hàng Hình 4.11 Form đăng nhập thành viên Module hình 3.9 là module dành cho người truy cập website đưa bình chọn dành cho các nhà hàng mà mình yêu thích dựa các tiêu chí bình chọn mà website đưa Module ĐĂNG NHẬP để người dùng có quyền truy cập đầy đủ các danh mục của websie 49 Hình 4.12 Phần hỗ trợ trực tuyến Module hỗ trợ trực tuyến qua yahoo Hình 4.13 Slide ảnh bên phải Module trình diễn hình ảnh nhà hàng nằm bên phải Hình 4.14 Footer của trang web Footer của trang web là nơi mà nhà quản trị thể hiện các thông tin về trang web địa chỉ , bản quyền … và cũng có thể đặt các đường link liên kết tới các danh mục hoặc link tới trang web khác 50 4.2 Vận hành website 4.2.1 Tìm hiểu về Domain name , Hosting và băng thông Như chúng ta đã biết Internet là một mạng máy tính toàn cầu , hàng ngàn máy tính từ khắp nơi nối lại tạo nên Khác với cách tổ chức theo các cấp : liên tỉnh ,quốc tế của một mạng viễn thông mạng thoại chẳng hạn , mạng Internet tổ chức chỉ có một cấp , các mạng máy tính dù nhỏ dù to nối vào mạng Internet đề bình đẳng với Do cách tổ chức vậy nên Internet có cấu trúc địa chỉ , cách đánh địa chỉ đặc biệt , rất khác cách tổ chức địa chỉ của mạng viễn thông Hình 4.15 Tính toàn cầu của Internet Địa chỉ Internet (IP) được sử dụng hiện tại là (IPv4) có 32 bit chia thành Octet(mỗi Octet có bit , tương đương byte) cách đếm đều từ trái qua phải bít cho đến bít 32 , các Octet tách biệt bằng dấu chấm (.) và biểu hiện ở dạng thập phân đầy đủ là 12 chữ số Ví dụ một địa chỉ Internet : 146.123.110.224 Trong tương lai địa chỉ IP được sử dụng là IPv6 có 126 bit dài gấp lần IPv4 51 Do người sử dụng nhớ được địa chỉ dạng chữ số dài vậy nối mạng là rất khó khăn và vì thế bên cạnh địa chỉ IP bao giờ cũng có thêm một cái tên mang một ý nghĩa nào đó ,dễ nhớ cho người sử dụng kèm mà Internet gọi là Tên Miền Trong thực tế người sử dụng không cần thiết biết đến địa chỉ IP mà chỉ cần nhớ tên Miền là truy nhập được Hình 4.16 Tên miền của Website Thực chất tên miền là sự nhận dạng vị trí của một máy tính mạng Internet nói cách khác tên miền là tên của các mạng lưới , tên của các máy chủ mạng Internet Do tính chất chỉ có và nhất Internet , bạn không thể đăng ký được Domain name mà người khác đã là chủ sở hữu Vì vậy nếu bạn đăng ký Domain name tương ứng với tên của công ty, doanh nghiệp của mình Internet thì hãy kiểm tra và đăng ký trước người khác đăng ký tên miền đó Một đặc điểm nữa cần lưu ý vận hành một website là vấn đề về web Hosting Đó là nơi lưu trữ tất cả các trang web , các thông tin, tư liệu ,hình ảnh của website một máy chủ Internet , nó đồng thời cũng là nơi diễn tất cả các hoạt động giao dịch , trao đổi thông tin giữa website với người sử dụng Internet và hỗ trợ các phần mềm Internet hoạt động Nói một cách đơn giản thì web hosting là một trụ sở làm việc của một doanh nghiệp đời thường 52 Web Hosting phải có một dung lượng đủ lớn (tính theo MBytes) để lưu giữ được đầy đủ các thông tin, dữ liệu, hình ảnh, của Website Hình 4.17 Web Hosting Phải hỗ trợ truy xuất máy chủ bằng giao thức FTP để cập nhật thông tin Phải có bandwidth (băng thông) đủ lớn để phục vụ các hoạt động giao dịch, trao đổi thông tin của Website Hỗ trợ các công cụ lập trình phần mềm Internet và các công cụ viết sẵn để phục vụ các hoạt động giao dịch Website gửi mail, upload qua trang Web, Hỗ trợ đầy đủ các dịch vụ E-mail POP3 E-mail, E-mail Forwarding, Không bị chèn các banner quảng cáo của nhà cung cấp 4.2.2 Chi phí vận hành Ở chúng ta dự tính chi phí vận hành năm đối với một trang web Cụ thể chúng ta cần tối thiểu loại chi phí - Tên miền : Tuỳ từng loại ,nếu là tên miền quốc tế dạng com net thì chi phí là 170.000 VND/ năm Nếu là tên miền quốc gia thì chi phí là 1.050.000 VND/năm đầu (bao gồm cả phí khởi tạo tên miền ) các năm sau trì khoảng 600.000 VND/năm - Hosting – Lưu trữ dữ liệu :Nó chính là nơi chứa dữ liệu website ,lưu trữ website mạng , chi phí trì tuỳ theo dung lượng , băng thông - Mã nguồn ,giao diện , dữ liệu website : các khoản chi phí này chỉ cần 53 lần nhất Ngoài còn các khoản chi phí dữ liệu phát sinh quá trình sử dụng, ban đầu dữ liệu chỉ ở dạng thô 4.2.3 Nguồn thu Hình 4.18 Nguồn thu từ trang web Khi vận hành một website các chủ sở hữu của trang web cần phải biết rõ kết quả ,lợi ích mà trang web đó mang lại Khi trang web này được vận hành chúng ta có thể thấy các nguồn thu phí mang lại từ trang web như: - Thu phí quảng cáo : đó có phí quảng cáo tin tức , sản phẩm , đặt banner quảng cáo - Thu phí các nhà hàng tham gia phần bình chọn - Thu phí qua giới thiệu tổ chức các sự kiện lĩnh vực ẩm thực nhà hàng 54 KẾT LUẬN Kết quả đạt được Qua quá trình nghiên cứu và làm việc với sự giúp đỡ tận tình từ phía thầy cô và các bạn em đã hoàn thành xong đề tài khoá luận tốt nghiệp đúng với mục đích và yêu cầu của đề tài Tạo một website thân thiện , nhanh và hiệu quả việc quản lý nhà hàng , quảng bá sản phẩm ,thương hiệu , thăm dò ý kiến so với phương pháp truyền thống , thủ công Sau hoàn thành khoá luận tốt nghiệp này nó đã giúp cho em có thêm được nhiều kinh nghiệm lĩnh vực lập trình và thiết kế website cũng khả trình bày ý tưởng Qua đó tạo điều kiện thuận lợi cho công việc và cuộc sống tương lai Một số hạn chế Do còn hạn chế về mặt kiến thức và kinh nghiệm nên kết quả đạt được đề tài có thể còn một số hạn chế nhất định Vì vậy em mong được ý kiến nhận xét từ phía thầy cô và các bạn Một lần nữa em xin gửi lời cảm ơn tới quý thầy cô và các bạn đã có mặt và lắng nghe buổi bảo vệ luận tốt nghiệp của em ngày hôm Em xin chân thành cảm ơn ! 55 TÀI LIỆU THAM KHẢO Tiếng Việt : [1] Phạm Hữu Khang , Hoàng Đức Hải : xây dựng ứng dụng Web bằng PHP & MySQL.(06/2007) [2] Hoàng Nguyễn : tài liệu joomla 1.5 [3] Khuất Thuỳ Phương :Lập trình ứng dụng Web với PHP (Tập1) [4] Khuất Thuỳ Phương : Lập trình ứng dụng Web với PHP (Tập 2) [5] Bùi Quốc Huy : Giáo trình PHP và MySQl [6] Tống Phước Khải : Lập trình Web động với PHP và MySQL (Phần 1) [7] Tống Phước Khải : Lập trình Web động với PHP và MySQL (Phần 2) Tiếng Anh : [8] Hagen Graf : Joomla! 1.6 Beginner's Guide by Hagen Graf [9] Jen Kramer : Joomla! 1.6 Beta Preview [10] Barrie M North : Joomla! 1.6 A User's Guide Building a Successful Joomla! Powered Website (3rd Edition) [11] CRAIG GRANNELL : CSS and HTML Web Design 56 [12] RACHEL ANDREW & DAN SHAPER : Designing without tables using CSS Website trực tuyến : [13] www.joomla.org [14] www.joomla.edu.vn [15] www.joomlaviet.com [16] www.joomfish.net/ [17] www.thietkewebtop.com [18] www.nhatnghe.com [19] www.kaylaximuoi.com [20] http://wikipedia.org/ [21] www.vinaora.com