Xây dựng các công cụ Google, Phần 1: Cơ sở của các công cụ Google doc

Xây dựng các công cụ Google, Phần 1: Cơ sở của các công cụ Google

Học cách tạo các công cụ của chính bạn

John Muchow, Tác giả

Tóm tắt: Trong loạt bài phát triển Web mới này, hãy tìm hiểu cách phát triển các

công cụ Google. Công cụ là các ứng dụng nhỏ mà bạn có thể thêm vào bất kỳ

trang Web nào như một phương tiện để đưa ra nội dung động và giàu có. Google

có nhiều công cụ để chọn. Tuy nhiên, mặt hấp dẫn nhất của các công cụ là ở chỗ

bạn có thể viết ra chúng để cho chính bạn sử dụng và sau đó xuất bản chúng trên

Google, nơi các nhà phát triển khác có thể tích hợp công việc của bạn vào các dự

án Web của mình.

Trước khi bạn bắt đầu

Các mục sau đây đưa ra một số thông tin nền để giúp bạn hoàn thành tốt hướng

dẫn này.

Về loạt bài này

Loạt bài này cung cấp nền vững chắc để bạn bắt đầu viết ra các công cụ Google

của chính mình.

Về hướng dẫn này

Hướng dẫn này là một tổng quan cơ sở để tạo các công cụ Google. Với thông tin

này trong tay, bạn có thể tiến hành Phần 2, cho phép đưa vào nhiều đặc tính tiên

tiến hơn sẵn có cho các nhà phát triển công cụ, chẳng hạn như các giao diện được

đánh dấu (tabbed interfaces) và hỗ trợ kéo-và-thả.

Mục tiêu

Trong hướng dẫn này, bạn sẽ tìm hiểu việc tạo và cá nhân hoá một trang Google,

khám phá các kiểu nội dung sẵn có cho các nhà phát triển công cụ, xem xét các

chức năng JavaScript sẵn có ở thư viện cốt lõi Google JavaScript, và viết ra công

cụ đầu tiên của bạn.

Các điều kiện tiên quyết

Hướng dẫn này được viết cho các nhà phát triển quen thuộc với XML, làm các

giao diện lập trình ứng dụng (APIs), và mã hóa trong ngôn ngữ JavaScript. Để lĩnh

hội được tốt nhất hướng dẫn này, bạn phải có hiểu biết chung về các khái niệm

này.

Các yêu cầu hệ thống

Để xây dựng và chạy các thí dụ trong hướng dẫn này, bạn không cần gì khác ngoài

bộ soạn thảo văn bản, kết nối Internet, và sự say mê về mã hoá và gỡ lỗi.

Nội dịch

Trước khi bắt đầu, chúng ta cần phải sắp đặt một nền cơ sở nào đó. Mục này định

nghĩa hai kiểu công cụ sẵn có, sau đó chỉ cho bạn biết cách tạo và tuỳ chỉnh một

trang Google cá nhân hoá.

Các công cụ vạn năng và công cụ desktop

Google đưa ra 2 kiểu công cụ: kiểu desktop và kiểu vạn năng. Như bạn mong đợi,

các công cụ desktop chỉ duy nhất dùng cho Google desktop, nó là một ứng dụng

mà bạn chạy trên máy tính của bạn, cho phép bạn tìm kiếm các tài liệu của bạn

(chẳng hạn như thư điện tử và các tài liệu xử lý văn bản) và cho phép tùy biến nội

dung chẳng hạn như các đường dẫn truyền RSS (Rich Site Summary), thời tiết, và

truyện tranh. Bạn có thể chạy các công cụ Google vạn năng trên Google desktop,

trang chủ Google, và hầu hết các trang Web. Trọng tâm của hướng dẫn này là về

cách tạo các công cụ vạn năng. Đặc biệt nó tập trung vào phát triển công cụ cho

trang Web Google được cá nhân hoá.

Thêm các công cụ vào bất kỳ trang Web nào

Mặc dù hướng dẫn này tập trung vào việc bổ sung các công cụ vào một trang chủ

Google cá nhân hoá, bạn có thể bổ sung các công cụ vào gần như bất kỳ trang

Web nào. Bạn có thể chọn một công cụ mà bạn quan tâm bằng cách vào trang Các

Công cụ Google Cho Trang Web Của Bạn (xem Tài nguyên để được nhiều thông

tin hơn), biên tập các sở thích sẵn có (chẳng hạn như màu nền và phông chữ), và

sao chép và dán các mã được cung cấp vào HTML trên trang Web của chính mình.

Tài khoản trang chủ được cá nhân hoá

Trước khi khám phá cách phát triển các công cụ, tôi sẽ cho bạn thấy cách tạo một

trang chủ Google được cá nhân hoá. Bắt đầu bằng cách thăm trang chủ Google.

Chú ý rằng trong góc trên bên phải của trang Web Google là một liên kết để Sign

in (Đăng nhập) (xem Hình 1).

Hình 1. Trang chủ Google

Sau khi chọn liên kết Sign in (Đăng nhập), Google sẽ đưa bạn đến trang có thể

đăng nhập vào trang chủ được cá nhân hoá, nếu bạn có tài khoản, hoặc chọn tạo

một tài khoản nếu bạn là mới đối với Google (xem góc dưới bên phải Hình 2).

Hình 2. Tạo một trang chủ cá nhân hoá

Dù bạn tạo một tài khoản mới hay đăng nhập theo tài khoản hiện hành, nơi đến sẽ

vẫn chỉ là một -- trang chủ cá nhân hoá của chính bạn. Hình 3 hiển thị trang chủ

không được cá nhân hóa, không có gì đi kèm, theo mặc định khi tạo tài khoản mới.

Hình 3. Trang chủ cá nhân hoá mặc định

Nếu xem chi tiết, bạn sẽ nhận thấy rằng trang chủ mới trông gần giống với trang

Google gốc mà bạn đã vào (xem Hình 1).Tuy nhiên có hai khác biệt chính. Thứ

nhất, trang được cá nhân hoá này cho thấy mã nhận dạng đăng nhập được liên kết

(hãy để ý địa chỉ email của tôi trên đầu Hình 3). Khác biệt thứ hai là tuỳ chọn để

tuỳ chỉnh trang này bằng cách thêm vào các công cụ Google. Nếu bạn quan sát ở

gần giữa bên phải Hình 3, bạn sẽ thấy một liên kết có tiêu đề Add stuff (Thêm Tư