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.
Nội dung trích xuất từ tài liệu:
Xây dựng các công cụ Google, Phần 1: Cơ sở của các công cụ Google
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ư
liệu). Liên kết nhỏ vô hại này là lối vào của bạn đến miền đất của các công cụ
Google.
Cá nhân hoá nội dung của bạn
Tiếp sau liên kết Add stuff bạn sẽ có cơ hội bổ sung bất kỳ số lượng công cụ nào
vào trang chủ cá nhân của bạn. Bạn có thể tìm kiếm các công cụ theo loại (ví dụ,
Tài chính hoặc Thể thao) hoặc tìm kiếm các công cụ theo tên. Theo cách nào thì
bạn cũng sẽ tìm ra một tập hợp lớn các công cụ để làm cho trang chủ của bạn là
duy nhất cho các lợi ích của bạn.
Rõ ràng lý do bạn ở đây là để tìm hiểu cách viết ra các công cụ của chính mình.
Tại một điểm nào đó, bạn thậm chí có thể quyết định xuất bản công cụ của bạn để
cho những người sử dụng khác có thể bổ sung công cụ của bạn vào trang được cá
nhân hoá của họ.
Công cụ đầu tiên của bạn
Để bắt đầu, hãy quan sát khối mã ngắn trong Liệt kê 1, nó sẽ trở thành công cụ đầu
tiên của bạn.
Liệt kê 1. XML cho công cụ đầu tiên của bạn
1
2
3
4
5
7 resizable = 1)
12 }
13 //-->
14
15
16
17
18
19
20 Click this text to visit
IBM.com!
21
22 ]]>
23
24
XML theo từng dòng
Trọng lượng chỉ 24 dòng, công cụ ngắn này cung cấp số lượng kha khá các chức
năng. Tôi duyệt từng mục để bạn ...