Tìm hiểu xây dựng website với google site và ứng dụng

1 LỜI CẢM ƠN Em xin chân thành cảm ơn thầy giáo, Ths Vũ Anh Hùng – giảng viên khoa CNTT tận tâm nhiệt tình dạy bảo suốt thời gian học làm đồ án tốt nghiệp, thầy dành nhiều thời gian quý báu để tận tình bảo, hƣớng dẫn, định hƣớng cho em thực đồ án, giúp em học hỏi kinh nghiệm quý báu đạt đƣợc thành định Em xin chân thành cảm ơn thầy khoa Cơng nghệ thơng tin nhiệt tình dạy bảo tạo điều kiện cho em suốt trình đƣợc học trƣờng Em xin cảm ơn bạn bè thành viên gia đình tạo điều kiện tốt nhất, động viên, cổ vũ suốt trình học tập đồ án tốt nghiệp Do khả thời gian hạn chế, kinh nghiệm thực tế chƣa nhiều nên không tránh khỏi thiếu sót Rất mong đƣợc bảo thầy cô Cuối em xin đƣợc gửi tới thầy, cô, anh, chị toàn thể bạn lời chúc tốt đẹp nhất, sức khỏe, thịnh vƣợng phát triển Chúc thầy cô đạt đƣợc nhiều thành công công trồng ngƣời Em xin chân thành cảm ơn! Hải Phòng, tháng 11 năm 2012 Sinh viên Lê Đức Việt CHƢƠNG 1: GIỚI THIỆU VỀ GOOGLE SITE 1.1 ỨNG DỤNG CỦA GOOGLE 1.1.1 Lịch sử 1.1.2 Các ứng dụng Google 1.1.2.1 Google Search - Cơng cụ tìm kiếm web 1.1.2.2 Gmail – Dịch vụ thƣ điện tử 1.1.2.3 Google Maps 1.1.2.4 Youtube 1.1.2.5 Google Chrome 1.1.2.6 Google Ads 1.1.2.7 Google Docs 1.1.2.8 Google Translate 1.1.2.9 Google Sites 1.1.2.10 Google+ 1.1.2.11 Google News 1.1.2.12 Google Drive 1.1.2.13 Picasa 1.1.2.14 Google Image Search 1.1.2.15 Google Apps 1.2 ỨNG DỤNG CỦA GOOGLE ĐỂ XÂY DỰNG WEBSITE 10 1.2.1 Tổng quan 10 1.2.2 Xây dựng Website 11 1.2.2.1.Tạo Site 11 1.2.2.2.Tạo trang web 15 1.2.2.3 Bố cục trang 17 1.2.2.4 Vùng Header (Đầu trang) 18 1.2.2.5 Vùng Horizontal navigation bar (Thanh điều hƣớng ngang) 26 1.2.2.6 Vùng Sidebar (Thanh bên) 29 1.2.2.7 Vùng Content 35 1.2.2.8 Vùng Comment () 58 1.2.2.9 Vùng Attachments (tệp đính kèm) 60 1.2.2.10 Menu More 62 CHƢƠNG 2: XÂY DỰNG WEBSITE KHOA CNTT BẰNG GOOGLE SITE 68 2.1 CẤU TRÚC WEBSITE KHOA CNTT 68 2.1.1 Thiết kế Trang chủ 68 2.1.2 Thiết kế Trang 69 2.1.2.1 Thiết kế menu Giới Thiệu Khoa 69 2.1.2.3 Thiết kế menu Tin Tức & Thông Báo 71 2.1.2.4 Thiết kế menu Nghiên Cứu Khoa Học 72 2.1.2.5 Thiết kế menu Download 73 2.1.2.6 Thiết kế menu Liên Hệ 74 2.1.2.7 Thiết kế phân loại trang 75 2.2 CÁC BƢỚC XÂY DỰNG WEBSITE 76 2.2.1 Tạo Site 76 2.2.2 Tải file ảnh lên Picasa 77 2.2.3 Tải file lên Google Drive 78 2.2.4 Truy cập Site 78 2.2.5 Xây dựng layout 79 2.2.6 Xây dựng banner 80 2.2.7 Tạo trang web 81 2.2.8 Xây dựng Horizontal navigation bar (Thanh điều hƣớng ngang) 82 2.2.9 Xây dựng Left Sidebar 84 2.2.10 Chọn Theme 86 2.2.11 Xây dựng nội dung Trang Chủ 87 2.2.12 Xây dựng nội dung trang Giới Thiệu Khoa 88 2.2.13 Xây dựng nội dung trang Đào Tạo 89 2.2.14 Xây dựng nội dung trang Tin Tức – Thông Báo 90 2.2.15 Xây dựng nội dung trang Nghiên Cứu Khoa Học 91 2.2.16 Xây dựng nội dung trang Download 92 2.2.17 Xây dựng nội dung trang Liên Hệ 93 CHƢƠNG 3: KẾT QUẢ CÀI ĐẶT 94 3.1 TRANG CHỦ WEBSITE 94 3.2 CÁC TRANG WEB 95 3.2.1 Trang Giới Thiệu Khoa 95 3.2.2 Trang Đào Tạo 96 3.2.3 Trang Tin Tức – Thông Báo 97 3.2.4 Trang Nghiên Cứu Khoa Học 98 3.2.5 Trang Download 99 3.2.6 Trang Liên Hệ 100 KẾT LUẬN 101 TÀI LIỆU THAM KHẢO 102 CHƢƠNG GIỚI THIỆU VỀ GOOGLE SITE 1.1 ỨNG DỤNG CỦA GOOGLE 1.1.1 Lịch sử Đầu năm 1996 Google cơng trình nghiên cứu Larry Page Sergey Brin, hai nghiên cứu sinh trƣờng Đại học Stanford Họ có giả thuyết cho cơng cụ tìm kiếm dựa vào phân tích liên hệ website đem lại kết tốt cách đƣợc hành lúc Ngày 15 tháng năm 1997 tên miền www.google.com đƣợc đăng ký Ngày 04 tháng năm 1998 công ty Google đƣợc thành lập Cơng cụ tìm kiếm Google đƣợc nhiều ngƣời ủng hộ sử dụng có cách trình bày gọn đơn giản nhƣ đem lại kết thích hợp nâng cao Trong năm 2000, Google bắt đầu bán quảng cáo liên quan đến từ khóa tìm kiếm Để trì trang thiết kế gọn gàng nâng cao tốc độ, quảng cáo dựa văn Ngày tháng năm 2001 Google đƣợc cấp sáng chế mô tả chế xếp hạng trang web PageRank Bằng sáng chế thức đƣợc giao cho Đại học Stanford liệt kê Larry Page ngƣời sáng chế Đầu năm 2004, Google đỉnh, Google xử lý 80% số lƣợng tìm kiếm Internet qua website họ website khách hàng nhƣ Yahoo!, AOL CNN Sau Yahoo bỏ Google để dùng kỹ thuật họ tự sáng chế vào tháng năm 2004, số bị tuột xuống Trong tháng năm 2011, số lƣợng ngƣời truy cập hàng tháng tới Google lần vƣợt qua tỷ lƣợt tăng 8,4% từ tháng năm 2010 (931 triệu) Ngày 28 tháng năm 2011, Google công bố để xây dựng ba trung tâm liệu với chi phí $ 200,000,000 châu Á Với sở hữu hoạt động trung tâm liệu tồn nƣớc Mỹ, thêm vào Phần Lan Bỉ Giao diện Google gồm 100 ngôn ngữ kể ngôn ngữ tiếng Việt Tên "Google" tiến vào ngôn ngữ thƣờng ngày nguyên nhân động từ “google” đƣợc thêm vào từ điển Oxford English Dictionary, biểu thị nhƣ “sử dụng công cụ tìm kiếm Google để có đƣợc thơng tin Internet” 1.1.2 Các ứng dụng Google 1.1.2.1 Google Search - Cơng cụ tìm kiếm web Đó sản phẩm cốt lõi Google, sáng tạo cơng ty cịn dịch vụ phổ biến tiếng họ Nó nhận đƣợc 100 tỷ truy vấn tìm kiếm tháng cơng cụ tìm kiếm đƣợc sử dụng nhiều Internet 1.1.2.2 Gmail – Dịch vụ thư điện tử - Phát hành vào ngày 01 tháng năm 2004 Lƣu trữ: Dịch vụ Gmail cung cấp 10 GB lƣu trữ miễn phí cho tài khoản, ngƣời dùng thuê lƣu trữ bổ sung - Lọc thƣ rác Gmail mobile: đƣợc phát triển để cung cấp truy cập vào Gmail từ thiết bị di động - Tích hợp Google Voice in Gmail chat mạng xã hội Goole +, Google Calendar, Google Docs & Spreasheets 1.1.2.3 Google Maps Ứng dụng dịch vụ đồ web cung cấp nhiều tính xem tồn cầu nhƣ: xem hình ảnh vệ tinh, đồ, địa hình, dẫn đƣờng, thu phóng hình ảnh cịn nhúng Google Maps vào trang web khác 1.1.2.4 Youtube Là trang web chia sẻ video nơi ngƣời dùng tải lên, xem chia sẻ video clip Ngƣời dùng không đăng ký xem đƣợc hầu hết video trang, cịn ngƣời dùng đăng ký đƣợc phép tải lên số lƣợng video vơ hạn, nhúng vào trang web khác 1.1.2.5 Google Chrome Phiên beta chạy Microsoft Windows đƣợc phát hành ngày tháng năm 2008 với 43 ngơn ngữ Với an tồn, nhanh chóng, đơn giản ổn định, ngày 21 tháng năm 2012 Google Chrome thức vƣợt qua Internet Explorer trở thành trình duyệt phổ biến giới Theo thống kê StatCounter, Chrome có thị phần khoảng 32, 8%, Internet Explorer có 31, 7% (tính theo số lƣợt truy cập tuần từ 14 tháng đến 20 tháng 5) 1.1.2.6 Google Ads Google AdSense: Là chƣơng trình đƣợc điều hành Google Ngƣời viết web hay chí blog đăng ký vào chƣơng trình để đăng quảng cáo dƣới dạng văn bản, hình ảnh video trang web Những mẩu quảng cáo đƣợc điều phối Google tạo lợi nhuận nguyên tắc tính tiền cho cú nhấp chuột (per - click) tính tiền cho thể (per - impression) Google AdWords sản phẩm quảng cáo Google nguồn thu nhập AdWords cung cấp pay – per - click, cost – per - click v.v… 1.1.2.7 Google Docs Google Docs ứng dụng hỗ trợ soạn thảo văn phòng trực tuyến đƣợc cung cấp miễn phí Google Nó bao gồm ba ứng dụng: soạn thảo văn bản, soạn thảo bảng tính soạn thảo trình chiếu Nó cho phép ngƣời dùng tạo tài liệu trực tuyến cho phép chia sẻ với ngƣời khác nhƣ cho phép trình chiếu trực tuyến thời gian thực tƣơng tác sửa chữa với ngƣời Nó làm thay đổi cách mà ngƣời cộng tác tài liệu lƣu công việc họ Dịch vụ tƣơng tự nhƣ Microsoft Office 1.1.2.8 Google Translate Là công cụ dịch thuật trực tuyến đƣợc Google cung cấp Nó dùng để dịch tự động đoạn ngắn nguyên trang web sang ngơn ngữ khác, tài liệu có kích thƣớc lớn ngƣời dùng cần tải lên tài liệu để dịch Ngƣời dùng sau xem dịch hỗ trợ Google cách dịch khác thấy kết khơng đƣợc tốt, hỗ trợ đƣợc sử dụng lần dịch sau Hiện Google Translate hỗ trợ tiếng Việt Ở phiên tiếng Việt, mặc định dịch từ tiếng Anh sang tiếng Việt 1.1.2.9 Google Sites Là cấu trúc wiki đƣợc cung cấp Google nhƣ phần ứng dụng Google Apps Là trang web cho phép ngƣời sử dụng thêm, chỉnh sửa xóa nội dung thơng qua trình duyệt web thơng thƣờng cách sử dụng ngôn ngữ đánh dấu đơn giản hóa trình soạn thảo (rich - text editor) Mục tiêu Google Sites cho tạo Site nhóm theo định hƣớng mà nhiều ngƣời cộng tác chia sẻ tập tin 1.1.2.10 Google+ Là dịch vụ mạng xã hội Dịch vụ đƣợc đƣa công chúng vào ngày 28/6/2011 Google+ đƣợc xây dựng sở giao thức (layer) khơng tích hợp dịch vụ xã hội khác Google, nhƣ Google Profiles Google Buzz mà giới thiệu nhiều chức nhƣ Circles, Hangouts, Sparks Huddles Đây đƣợc coi nỗ lực lớn Google nhằm chống lại đối thủ mạng xã hội Facebook Tính đến tháng năm 2012, có tổng cộng 400 triệu ngƣời dùng đăng ký có 100 triệu hoạt động sở hàng tháng 1.1.2.11 Google News Là trang web tổng hợp tin tức tự động đƣợc cung cấp Google Ý tƣởng ban đầu đƣợc hình thành từ việc xếp hạng trang web Google, đƣợc phát triển Krishna Bharat vào năm 2001 - trƣởng phận Nghiên cứu Google Tất nội dung đƣợc thực giải thuật tổng hợp tin Google News trở thành thức vào tháng năm 2006 1.1.2.12 Google Drive Là dịch vụ lƣu trữ file đồng hóa Google đƣợc phát hành vào ngày 24 Tháng năm 2012 Google Drive nhà Google Docs - ứng dụng sản xuất, cung cấp chỉnh sửa hợp tác tài liệu, bảng tính, thuyết trình nhiều Google Drive cho tất ngƣời dùng GB dung lƣợng miễn phí lƣu trữ đám mây để bắt đầu 1.1.2.13 Picasa Là tiện ích trƣng bày quản lý hình ảnh kỹ thuật số máy tính Picasa đƣợc xem dễ sử dụng, có nhiều dụng cụ để sửa đổi hình ảnh nhƣ cải tiến màu,sắp xếp hình thành album, v.v Bên cạnh đó, cịn có số tính bật nhƣ nhận diện khuôn mặt, đồng liệu với album trực tuyến, đánh dấu vị trí ảnh đồ (sử dụng dịch vụ Google Maps) Picasa hỗ trợ 40 ngơn ngữ, có tiếng Việt 1.1.2.14 Google Image Search Là dịch vụ tìm kiếm đƣợc tạo Google cho phép ngƣời dùng tìm hình ảnh trang Web Tính đƣợc hồn thành vào tháng 12 năm 2001 Những từ khóa để tìm kiếm hình ảnh đƣợc dựa theo tên file hình ảnh, đoạn văn chứa đƣờng link đến hình đoạn nằm gần ảnh Khi tìm kiếm hình, hình thu nhỏ hình khớp với từ khóa tìm kiếm đƣợc hiển thị Khi click vào hình thu nhỏ, hình đƣợc hiển thị khung phía trang trang web chứa hình đƣợc hiển thị khung bên dƣới, tạo dễ dàng để thấy đƣợc nơi mà hình xuất 1.1.2.15 Google Apps Là dịch vụ từ Google dùng cho việc kết hợp tên miền cá nhân với sản phẩm Google Các tính gồm ứng dụng Web tƣơng tự với office, bao gồm Gmail, Google Calendar, Google Talk, Google Docs Google Sites Google Apps đƣợc xây dựng tảng điện toán đám mây Cho phép ngƣời dùng sử dụng ứng dụng trực tuyến từ đâu có kết nối Internet Ngồi ứng dụng có sẵn nêu trên, google apps cịn cho phép ngƣời dùng tích hợp ứng dụng từ bên thứ ba Google apps marketplace Google Apps đƣợc cho sản phẩm cạnh tranh với sản phẩm Microsoft Office Microsoft Ngoài Google cịn có nhiều sản phẩm khác nhƣ: Google Books, Google groups, Google scholar, Google shopping, Hotpot, Google Website Optimizer, Google Calendar, Google Contacts, Gtalk, Google Mars, Google Moon, Google Bookmarks, Google Business Solutions, Google profile, Google Web Accelerator, Webmaster Tools, Google Reader, Google Code, Webmaster Tools, Google Analytics, Google TV, SketchUp, Google Music, Google Now, Google Answers, Google Health, Google Trends v.v… 10 1.2 ỨNG DỤNG CỦA GOOGLE ĐỂ XÂY DỰNG WEBSITE 1.2.1 Tổng quan Google Sites ứng dụng ứng dụng Google cung cấp cho cộng đồng, tƣơng tự Gmail, Google Documents nhằm phục vụ tổ chức vừa nhỏ cá nhân xây dựng website riêng  Lịch sử hình thành  Tháng năm 2006, JotSpot đổi tên thành "Next Net 25" phận Business 2.0 đƣợc InfoWorld coi 15 ứng dụng hàng đầu (15 Start - ups to Watch)  Tháng 10 năm 2006, Google mua lại JotSpot nâng cấp thành Google Sites, ứng dụng để tạo Website  Ngày 27 tháng năm 2008, Google thức cung cấp thử nghiệm dịch vụ Google Sites cho tài khoản Google Apps  Ưu điểm  Miễn phí  Khơng cần cài đặt phần mềm cần thiết  Tích hợp với ứng dụng Google  Tạo trang web vài cú nhấp chuột, khơng địi hỏi kiến thức HTML, chỉnh sửa trang web dễ dàng nhƣ dùng Word  Ngƣời tạo có tồn quyền kiểm soát truy cập trang cho phép thành viên tham gia quản lý nội dung  Tích hợp sẵn máy tìm kiếm mạnh mẽ Google để tìm kiếm thông tin Website  Hạn chế     100 MB dung lƣợng miễn phí, 10 GB thành viên Google Apps Tên miền dạng http://sites.google.com/site/sitename Hạn chế sử dụng mã HTML, CSS Không thực tốt cho trang web doanh nghiệp lớn, không đủ tuỳ biến 88 2.2.12 Xây dựng nội dung trang Giới Thiệu Khoa Bƣớc 1: Chọn trang Giới Thiệu Khoa điều hƣớng ngang Bƣớc 2: Click Edit (Chỉnh sửa trang) Bƣớc 3: Thêm mục cho phần Content (Nội dung) Hình 2.14: Xây dựng nội dung trang Giới Thiệu Khoa Bƣớc 4: Save (Lƣu) 89 2.2.13 Xây dựng nội dung trang Đào Tạo Bƣớc 1: Chọn trang Đào Tạo điều hƣớng ngang Bƣớc 2: Click Edit (Chỉnh sửa trang) Bƣớc 3: Thêm mục cho phần Content (Nội dung) Hình 2.15: Xây dựng nội dung trang Đào Tạo Bƣớc 4: Save (Lƣu) 90 2.2.14 Xây dựng nội dung trang Tin Tức – Thông Báo Bƣớc 1: Chọn trang Tin Tức – Thông Báo điều hƣớng ngang Bƣớc 2: Click Edit (Chỉnh sửa trang) Bƣớc 3: Thêm mục cho phần Content (Nội dung) Hình 2.16: Xây dựng nội dung trang Tin Tức – Thông Báo Bƣớc 4: Save (Lƣu) 91 2.2.15 Xây dựng nội dung trang Nghiên Cứu Khoa Học Bƣớc 1: Chọn trang Tin Tức – Thông Báo điều hƣớng ngang Bƣớc 2: Click Edit (Chỉnh sửa trang) Bƣớc 3: Thêm mục cho phần Content (Nội dung) Hình 2.17: Xây dựng nội dung trang Nghiên Cứu Khoa Học Bƣớc 4: Save (Lƣu) 92 2.2.16 Xây dựng nội dung trang Download Bƣớc 1: Chọn trang Download điều hƣớng ngang Bƣớc 2: Click Edit (Chỉnh sửa trang) Bƣớc 3: Thêm mục cho phần Content (Nội dung) Hình 2.18: Xây dựng nội dung trang Download Bƣớc 4: Save (Lƣu) 93 2.2.17 Xây dựng nội dung trang Liên Hệ Bƣớc 1: Chọn trang Liên Hệ điều hƣớng ngang Bƣớc 2: Click Edit (Chỉnh sửa trang) Bƣớc 3: Thêm mục cho phần Content (Nội dung) Hình 2.19: Xây dựng nội dung trang Liên Hệ Bƣớc 4: Save (Lƣu) 94 CHƢƠNG 3: KẾT QUẢ CÀI ĐẶT 3.1 TRANG CHỦ WEBSITE Hình 3.1: Trang chủ Website 95 3.2 CÁC TRANG WEB 3.2.1 Trang Giới Thiệu Khoa Hình 3.2: Trang Giới Thiệu Khoa 96 3.2.2 Trang Đào Tạo Hình 3.3: Trang Đào Tạo 97 3.2.3 Trang Tin Tức – Thơng Báo Hình 3.4: Trang Tin Tức – Thông Báo 98 3.2.4 Trang Nghiên Cứu Khoa Học Hình 3.5: Trang Nghiên Cứu Khoa Học 99 3.2.5 Trang Download Hình 3.6: Trang Download 100 3.2.6 Trang Liên Hệ Hình 3.7: Trang Liên Hệ 101 KẾT LUẬN Trong đồ án Em sử dụng ứng dụng Google cụ thể Google Sites để xây dựng Website khoa CNTT trƣờng ĐH Dân lập hải phòng Kết đạt đƣợc bao gồm:  Lý thuyết  Tìm hiểu cách thiết kế xây dựng website với Google Site  Thiết kế cấu trúc website site khoa CNTT trƣờng ĐH Dân lập hải phòng  Xây dựng đƣợc website cho khoa CNTT trƣờng ĐH Dân lập hải phòng  Chƣơng trình  Xây dựng đƣợc website khoa CNTT trƣờng ĐH Dân lập hải phòng đáp ứng đƣợc yêu cầu tốn đặt Những vấn đề tồn tại: Vì thời gian có hạn, kinh nghiệm thực tế chƣa nhiều nên vấn đề thiết kế Website chƣa đƣợc chuyên nghiệp vận dụng tối đa chức Google Site hỗ trợ Sau có điều kiện, Em bổ sung học hỏi thêm ứng dụng Google Sites để thiết kế đƣợc Website có tính chun nghiệp 102 TÀI LIỆU THAM KHẢO Tại trang hỗ trợ Google: http://support.google.com/sites/?hl=vi ... GOOGLE ĐỂ XÂY DỰNG WEBSITE 1.2.1 Tổng quan Google Sites ứng dụng ứng dụng Google cung cấp cho cộng đồng, tƣơng tự Gmail, Google Documents nhằm phục vụ tổ chức vừa nhỏ cá nhân xây dựng website riêng... Google Reader, Google Code, Webmaster Tools, Google Analytics, Google TV, SketchUp, Google Music, Google Now, Google Answers, Google Health, Google Trends v.v… 10 1.2 ỨNG DỤNG CỦA GOOGLE ĐỂ XÂY... scholar, Google shopping, Hotpot, Google Website Optimizer, Google Calendar, Google Contacts, Gtalk, Google Mars, Google Moon, Google Bookmarks, Google Business Solutions, Google profile, Google