Xây dựng website giới thiệu các ngôi chùa ở huế

ĐẠI HỌC HUẾ KHOA DU LỊCH  CHUYÊN ĐỀ TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG WEBSITE GIỚI THIỆU CÁC NGÔI CHÙA Ở HUẾ Giảng viên hướng dẫn: Sinh viên thực hiện: ThS Ngô Văn Sơn Phạm Cao Liên Công Lớp: K49-TMTĐT Huế, tháng năm 2019 LỜI CẢM ƠN Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngơ Văn Sơn Để hồn thành đề tài chuyên đề: “Xây dựng website giới thiệu chùa Huế”, bên cạnh cố gắng thân, cho phép tơi bày tỏ lòng biết ơn sâu sắc đến tất nhân quan tạo điều kiện giúp đỡ trình học tập nghiên cứu đề tài Trước hết xin gửi tới thầy cô môn ICT, Khoa Du Lịch – Đại Học Huế lời chào trân trọng, lời chúc sức khỏe lời cám ơn sâu sắc Đặc biệt xin gửi lời cám ơn sâu sắc đến thầy giáo - ThS Ngô Văn Sơn quan tâm giúp, người tận tình hướng dẫn, đọc thảo, bổ sung đóng góp nhiều ý kiến q báu cho tơi suốt thời gian qua Mặc dù có nhiều cố gắng, thời gian có hạn với kinh nghiệm thực tế chưa đầy đủ nên đề tài tránh thiếu sót Tơi mong nhận bảo, góp ý, chia sẻ thầy để đề tài ngày hồn thiện Xin chân thành cám ơn ! Huế, tháng 05 năm 2019 Sinh viên thực Phạm Cao Liên Công SVTH: Phạm Cao Liên Công - Lớp: K49-TMĐT 2 Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn LỜI CAM ĐOAN Tôi cam đoan đề tài tơi thực hiện, số liệu thu thập kết phân tích đề tài trung thực, đề tài khơng trùng với đề tài nghiên cứu khoa học Mọi giúp đỡ cho việc thực khóa luận cảm ơn thơng tin trích dẫn khóa luận rõ nguồn gốc rõ ràng phép công bố Huế, tháng 05 năm 2019 Sinh viên thực Phạm Cao Liên Công SVTH: Phạm Cao Liên Công - Lớp: K49-TMĐT 3 Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn MỤC LỤC SVTH: Phạm Cao Liên Công - Lớp: K49-TMĐT 4 Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn DANH MỤC HÌNH SVTH: Phạm Cao Liên Cơng - Lớp: K49-TMĐT 5 Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn PHẦN I ĐẶT VẤN ĐỀ Lí chọn đề tài Huế có thừa tiềm du lịch với kho tàng di sản đồ sộ vô giá Hiện theo thống kê Trung tâm bảo tồn di tích cố Huế năm 2014 Huế có 902 di sản văn hố vật thể phi vật thể, với hình hài ngun vẹn, nằm hầu hết khắp tỉnh, nhiều thành phố Huế (373 di tích) Trong số có 84 di tích cấp quốc gia; 34 di tích cấp tỉnh Đặc biệt, quần thể kiến trúc Cung đình Huế bao gồm 51 di tích lớn UNESCO công nhận di sản giới Huế có 100 lễ hội dân gian, truyền thống đại khôi phục phát huy, bao gồm: lễ hội cung đình Huế; lễ hội tưởng nhớ vị khai canh, thành hoàng, tưởng niệm vị tổ sư làng nghề; lễ hội văn hóa tín ngưỡng, tơn giáo Huế dược biết đến trung tâm Phật giáo Việt Nam điều kiện thuận lợi để phát triển du lịch tìm hiểu điểm tham quan chùa chiền Huế có trăm chùa lớn nhỏ nằm rải rác khắp tỉnh Từ thấy Huế có nhiều tiềm mạnh phát triển du lịch thăm quan ngơi chùa mang tính chất tâm linh Với phát triển mạnh mẽ kinh tế - xã hội ngày nay, Internet ngành dịch vụ không ngừng lớn mạnh Cùng với bùng nổ Internet, đời website thương mại điện tử làm thay đổi mặt đời sống xã hội Website sử dụng để trao đổi truyền đạt thông tin cộng đồng người sử dụng Website công cụ thiếu ngành nghề thời đại bùng nổ Internet du lịch khơng phải ngoại lệ Đối với điểm đến du lịch, website có vai trò quan trọng việc cung cấp thông tin dịch vụ thực giao dịch bán hàng trực tuyến Đối với du khách, truy cập vào website họ tìm hiểu thơng tin điểm đến cách nhanh chóng, thuận tiện xác Tuy nhiên, tảng công nghệ thông tin doanh nghiệp Việt Nam nói chung thành phố Huế nói riêng không đồng đều, nhân lực phục vụ cho hoạt động chưa trọng Việc quảng bá du lịch nói chung du lịch tâm linh Huế nói riêng nhiều hạn chế, thông tin SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn loại hình du lịch du khách biết đến nằm rải rác dọc theo công ty du lịch không đầy đủ Internet Xuất phát từ thực tiễn đó, nhóm nghiên cứu thực đề tài “Xây dựng website giới thiệu chùa Huế” nhằm nâng cao hoạt động quảng bá du lịch địa bàn tỉnh Mục tiêu đề tài 2.1 Mục tiêu chung Xây dựng website nhằm giới thiệu chùa Huế 2.2 Mục tiêu cụ thể - Hệ thống hóa sở lý luận thực tiễn website xây dựng website - Phân tích thực trạng quảng bá chùa chiền Huế - Xây dựng website nhằm giới thiệu ngơi chùa Huế: • Phác thảo giao diện phù hợp với website giới thiệu chùa Huế • Phân tích thiết kế giao diện website • Thu thập nhập liệu cho website Đối tượng phạm vi nghiên cứu Đối tượng nghiên cứu: Website giới thiệu thông tin chùa Huế Phạm vi nghiên cứu: Vì lí thời gian nên trình thực thu hẹp lại đề tài tập trung tới chùa bật để giới thiệu tập trung vào việc xây dựng Website giới thiệu chùa tiếng Huế Cách tiếp cận phương pháp nghiên cứu • Nghiên cứu lý thuyết: Phương pháp nghiên cứu lý thuyết sử dụng nhằm thu thập tổng hợp tài liệu nghiên cứu liên quan đến ngơi chùa Huế • Nghiên cứu thực nghiệm: Phương pháp nghiên cứu thực nghiệm sử dụng nhằm xây dựng website giới thiệu chùa Huế Cấu trúc đề tài Ngoài phần đặt vấn đề kết luận, nội dung nghiên cứu gồm chương: - Chương 1: Cơ sở lý luận website vấn đề liên quan đến xây dựng website - Chương 2: Thực trạng wbsite giới thiệu chùa Huế - Chương 3: Thiết kế xây dựng website giới thiệu chùa Huế SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn PHẦN II NỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU CHƯƠNG CƠ SỞ LÝ LUẬN VỀ WEBSITE VÀ CÁC VẤN ĐỀ LIÊN QUAN ĐẾN XÂY DỰNG WEBSITE 1.1 Giới thiệu website 1.1.1 Khái niệm Website, gọi trang mạng, tập hợp trang web, thường nằm tên miền (domain name) tên miền phụ (subdomain) World Wide Web Internet Một trang web tập tin HTML, xây dựng dựa ngơn ngữ đánh dấu siêu văn HTML (HyperText Markup Languages) nhằm mục đích cung cấp thơng tin thơng qua Internet XHTML truy nhập dùng giao thức HTTP Trang mạng xây dựng từ tệp tin HTML (trang mạng tĩnh) vận hành CMS (hệ thống quản lý nội dung) chạy máy chủ (trang mạng động) Trang mạng xây dựng nhiều ngơn ngữ lập trình khác (PHP, ASP.NET, Java, Ruby on Rails, Perl, ) Website giao tiếp hiển thị cho người dùng truy cập phần mềm gọi trình duyệt website 1.1.2 Lịch sử đời Ngày 6/8/1991 trở thành cột mốc quan trọng đường liên kết tới dạng mã lệnh www đưa lên nhóm thảo luận alt.hypertext để người khác tải thử nghiệm nó, đánh dấu ngày mà web phổ biến toàn giới Paul Kunz, nhà khoa học thiết lập máy chủ web châu Âu vào tháng 12/1991, đầu thập niên 90 Vào thời điểm đó, máy tính đảo bị lập thông tin Người dùng đăng nhập vào hệ thống máy tính truy cập nguồn tài SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn nguyên nằm máy tính Khi chuyển sang máy tính khác có nghĩa họ phải đăng nhập lại phải sử dụng tập lệnh khác để tìm kiếm thu thập liệu Và web thu hút quan tâm Kunz sau Berners-Lee trình diễn khả hoạt động web hệ thống IBM Sau đó, Kunz thiết lập máy chủ web, cho phép chuyên gia vật lý rà soát 200.000 liệu dễ dàng nhiều so với trước Mặc dù web hấp dẫn nhà vật lý, năm đầu có người hiểu tiềm cơng nghệ Theo Kunz cho lý có nhiều cơng nghệ thực công việc tương tự Rất nhiều người lấy tài liệu quan trọng dịch vụ FTP sử dụng Usenet phương tiện để bày tỏ Đặc biệt cơng nghệ có tên Gopher Đại Học Minnesota phát triển Công nghệ sử dụng giao diện thân thiện để che giấu phức tạp máy tính kết nối với mạng Internet Nó có tên đội thể thao trường Đại Học có tên chuột túi vàng Gopher công bố vào đầu năm 1991 vài năm sau đó, số thống kê cho thấy lưu lương gopher mạng Internet vượt xa lưu lượng giao dịch web Dự án WWW bùng nổ vào tháng 4/1993 trình duyệt web dành cho máy tính cá nhân đời Đây sản phẩm Marc Andreessen Trung tâm Ứng dụng Siêu máy tính thuộc trường Đại Học Illinois Nhóm nghiên cứu dự án web viên Cern khơng có đủ nhân lực để viết trình duyệt cho hệ thống PC, Mac hay Unix Trình duyệt có tên Mosaic đươc thành cơng to lớn tạo nhiều thói quen sử dụng web khơng có chỡ cho bookmark hay favoiurites Cũng năm 1993, trường Đại Học Minnesota bắt đầu thu phí Gopher, nhiều người xem xét chuyển sang sử dụng công nghệ khác Ed Vielmetti, người dùng web trợ lý, nghiên cứu trường Đạo Học Thơng tin Michigan, nói suốt năm đầu tiên, công nghê web thực chứng tỏ hữu ích đối SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn với người dùng internet trung bình Các hệ thống Gopher FTP thông thường công ty hay tổ chức lớn thiết lập Còn Usenet khơng tồn lâu buộc đưa quan điểm phải thường xuyên đăng ký ý kiến Ban đầu, người ta sử dụng trang web để bày tỏ theo cách thức mà cơng nghệ khác cho phép Ơng Vielmetti cho mã lệnh web lỡi thu hút người ta sử dụng Vào cuối năm 1994, lưu lượng giao dịch web cuối vượt qua giao dịch Gopher từ đến chưa tụt lại Hiện mạng Internet có gần 100 triệu website có nhiều xem trang web mạng Internet Nhưng ông Groff cho phải đến tận hơm web hình dung người tạo Theo ý đồ ban đầu họ thid web phương tiện mà người đọc đóng góp nội dung cho Những cơng cụ site chia sẻ ảnh, mạng công cộng, nhật ký cá nhân, từ điển mã nguồn mở thứ khác thực tốt lời hứa ban đầu này.(Theo EQVN Digital marketing.2015) 1.1.3 Các yêu cầu tối thiểu website Các yêu cầu tối thiểu website bao gồm: Tên miền (domain), dịch vụ lưu trữ (hosting) máy chủ web (web server) Tên miền (domain): Tên miền địa Website để người xem truy cập vào website tên miền địa Internet Website bắt buộc phải có tên miền Một website thiết phải có tên miền có nhiều tên miền trỏ vào Có nhiều loại tên miền như: - www.abc.com : tên miền quốc tế ( net, biz,.org ) www.abc.com,vn : tên miền quốc gia (.vn,.ru,.us,.uk…) www.abc.com/xyz (xyz tên miền website abc) : tên miền phụ (sub - domain) www.xyz.abc.com (xyz tên miền website abc) (tenweb.wordpress.com) Hosting: Là không gian ổ đĩa máy chủ server để lưu nội dung website nhằm làm cho truy cập vào nội dung lúc nào, nơi nào, nói cách khác hosting nơi lưu trữ website để trì hoạt động website mạng Máy tính lưu nội dung website 10 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngơ Văn Sơn Trang: • Tất trang: nơi tập hợp tất viết Hình 22 Giao diện trang tập hợp tất trang viết • Thêm trang mới: Hình 23 Giao diện thêm trang Disqus: Là plugin dùng để tiếp nhận phản hồi bạn đọc qua viết Hình 24 Giao diện cài đặt Disqus Giao diện: 59 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học • GVHD: ThS Ngơ Văn Sơn Giao diện: Là tính tùy chỉnh giao diện website Các bước để thay đổi giao diện: Click vào menu giao diện , click vào thêm mới, chọn giao diện Hình 25 Tùy chỉnh giao diện website • Tùy biến: Khi muốn chỉnh sửa menu hay widget chọn vào tùy chỉnh để chỉnh sửa theo muốn, cho phù hợp Hình 26 Giao diện tùy biến website • Widget: Là nơi mà đặt footer hay sidebar như: viết mới, phản hồi, danh mục viết 60 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Hình 27 Giao diện tùy chỉnh widget • Menu: Là tính quản lý menu Top, Header, Footer, Main Menu… tùy theo mỡi giao diện mà có hay nhiều vị trí menu khác Hình 28 Giao diện tùy chỉnh menu 61 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học • GVHD: ThS Ngơ Văn Sơn Header: Là tính tùy chỉnh Header mặc định Add new image (Thêm ảnh mới) Hình 29 Giao diện tùy chỉnh header • Nền: Là tính thay đổi trang web Hình 30 Giao diện thay đổi ảnh trang web Dưới giao diện website sử dụng công cụ lading page: 62 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Trước hết vào WordPress tải Plugin ladipage Tiếp theo truy cập vào trang ladipage.vn tạo tài khoản bắt đầu tạo giao diện cho website Hình 31 Giao diện đăng nhập lading page Sau nhập, click “tạo trang mới”, chọ trang trắng, nhập tên trang: Những chùa tiếng Huế, click vào “tạo mới” Hình 32 Giao diện tạo trang trắng lading page Hình 33 Giao diện trang trắng lading page • Thêm mới: Dùng để thêm đoạn văn, hình ảnh, video, tiêu đề… 63 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn • Đoạn: Dùng để thêm section • Popup: Dùng để thêm thông báo ngắn cho trang web • Layer: Là nơi chứa section popup tạo • Thiết kế: Dùng để chỉnh sửa phần tử chọn (màu sắc, kích thước, kiểu chữ, tạo hiệu ứng…) • Sắp xếp: Gần giống thiết kế, có chỉnh sửa văn • Liên kết: Dùng để tạo liên kết với section, popup, số điện thoại, email, đường dẫn tĩnh cho phận cần liên kết • Nâng cao: Dùng để tạo hiệu ứng cho section, ghim phần tử… • Tồn trang: Dùng để cài đặt kích thước website sử dụng laptop điện thoại di động • Cài đặt trang: Dùng để cài đặt tiêu đề trang, từ khóa, mã chuyển đổi, mã theo dõi… • Desktop, mobile: Dùng để cài đặt , chỉnh sửa lại nội dung hiển thị không hiển thị website cho phù hợp với giao diện máy tính muốn chuyển dổi sang điện thoại di động • Lưu xuất bản: Sau hồn thành, giao diện lưu click xuất để liên kết với WorPress, thơng qua bên thứ ba Hình 34 Giao diện cho xuất lading page NHỮNG VẤN ĐỀ LIÊN QUAN ĐẾN LƯU TRỮ WEBSITE 64 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Khi xây dựng website localhost xong, bước đưa website thiết kê lên host Bước 1: Truy cập vào website: https://bkhost.vn Hình 37 Giao diện truy cập vào website https://bkhost.vn Click vào đăng ký để đăng nhập vào host Lưu ý: bkhost.vn yêu cầu khách hàng muốn tạo tài khoản phải mua sản phẩm trước nên đăng kí cần làm theo hướng dẫn website bkhost.vn tạo khoản Click vào “đặt hàng với chúng tôi” Hình 38 Giao diện đặt hàng bkhost.vn 65 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Bước 2: Lựa chon dịch vụ: click vào “đăng kí” START PLUS Hình 39 Giao diện gói hosting bkhost.vn Bước 3: Lựa chọn kiểm tra tên miền “chuahue.com” Hình 40 Giao diện kiểm tra tên miền bkhost.vn Bước 4: Thiết lập thơng tin sản phẩm Hình 41 Giao diện thiết lập thông tin sản phẩm bkhost.vn 66 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Bước 5: Điền thơng tin để xác nhận Hình 42 Giao diện thiết lập thông tin sản phẩm bkhost.vn Bước 6: Xác nhận đơn hàng Hình 43 Giao diện xác nhận đơn hàng bkhost.vn Bước 7: Thanh tốn: Hình 44 Giao diện điền thông tin khách hàng bkhost.vn 67 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Sau hồn tất thơng tin, đăng nhập vào quản lý tài khoản hosting, Hình 45 Giao diện đăng nhập tài khoản hosting Hình 46 Giao diện quản lý hosting Bước 8: Đưa website lên host Để đưa website lên host thực bước sau Tải WinSCP vào https://download.com.vn/winscp/download tải phù hợp với máy Hình 47 Giao diện tải WinSCP 68 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Sau cài đặt WinSCP, tiếp tục cài đặt đăng nhập vào hosting WinSCP Hình 48 Giao diện đăng nhập hosting WinSCP Tiếp theo chọn public_html Hình 49 Giao diện đăng nhập hosting WinSCP Tiến hành nhập website: để tiến hành nhập website vào htdocs chọn thư mục chuahue chuyển tất file thành file zip 69 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngơ Văn Sơn Hình 50 Nén liệu thành file zip Kéo file chuahue.zip từ máy tính lên hosting Hình 51 Tải file chuahue.zip lên hosting 70 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Đăng nhập vào hosting chọn mục Đăng nhập vào cPanel chọn File manager Hình 52 Giao diện cPanel Hình 53 Giao diện file manager 71 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn Chọn pulic_html giải nén thư mục chuahue.zip Chọn MySQL®Databases Databases cPanel Hình 54 Cài đặt sở dự liệu Khởi tạo database Hình 55 Khởi tạo database cho chuahue 72 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT Chuyên đề tốt nghiệp Đại học GVHD: ThS Ngô Văn Sơn 10 Xuất liệu PHP: Truy cập localhost/phpmyadmin, chọn sở liệu cần xuất, tiến hành xuất Hình 56 Giao diện xuất sở liệu 11 Nhập sở liệu chuahue sau xuất vào myphpadmin databases cPnel, sau tiến hành nhập tiến hành vào chuahue/wp-admin/setup-config.php cài đặt lại tên người dùng cho quản trị website mã nguồn mở WordPress bắt đầu quản trị 73 SVTH: Phạm Cao Liên Công Lớp: K49-TMĐT ... sở lý luận thực tiễn website xây dựng website - Phân tích thực trạng quảng bá chùa chiền Huế - Xây dựng website nhằm giới thiệu chùa Huế: • Phác thảo giao diện phù hợp với website giới thiệu chùa. .. - Chương 1: Cơ sở lý luận website vấn đề liên quan đến xây dựng website - Chương 2: Thực trạng wbsite giới thiệu chùa Huế - Chương 3: Thiết kế xây dựng website giới thiệu chùa Huế SVTH: Phạm Cao... chí website http://chuahue.com website chuyên biệt xây dựng nhằm giới thiệu thông tin chùa Huế Bảng 2.1: Một số website du lịch có giới thiệu đến chùa Huế Tên trang website Link liên kết Chùa