SlideShare a Scribd company logo
tempo 2007/04/14
About Me 馮彥文 隨想行動科技 , Founder http://www.willmobile.com Happyweb, Founder http://happyweb.tw Blog http://www.pocketshark.com/blog/page/tempo Google:  run tempo run Javaworld Id: tempo Email [email_address]
Google Gadgets Google gadgets AJAX Over  1B  page views in a week Directory Google gadgets directory Embedded in Google homepage Google gadgets for your web pages Google desktop Google pages
Google Gadgets Directory
Google Homepage
Google Gadgets For Your Webpage
Google Desktop
Other Web Widget Platforms Widget startpage module growth, March 2007
Top 10 Google Gadgets Top 10 Google Gadgets Week Ending March 3, 2007
Fastest Growing Google Gadgets 11 fastest growing Google Gadgets, March 2007
 
Why Google Gadgets? Cross-platforms Personal homepage Your websites (blogs, …) Windows / Mac Easy to distribute / Central marketplace Add-on features Little efforts
建立第一個  Google Gadget (1) Step 1 建立你的  gadget module <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?>  <Module>   <ModulePrefs title=&quot;hello world example&quot; />    <Content type=&quot;html&quot;>   <![CDATA[ Hello, world! ]]> </Content>  </Module>
建立第一個  Google Gadget (2) Step 2 Add the gadget to your homepage
建立第一個  Google Gadget (3) Step 2 Add the gadget to your homepage
建立第一個  Google Gadget (4) Step 2 Add the gadget to your homepage
Another Example <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <Module> <ModulePrefs title=&quot;Go to Photo Album&quot; height=&quot;250&quot; scaling=&quot;false&quot; /> <Content type=&quot;html&quot;> <![CDATA[ <div style=&quot;text-align:center&quot;> <a id=&quot;Riggs&quot; title=&quot;My Photo Album&quot; target=&quot;_blank“ href=&quot;http://picasaweb.google.com/doc.examples/ShelfBoy&quot;> <img border=&quot;0&quot; alt=&quot;Photo“ src=” http://doc.examples.googlepages.com/Riggsie-OP.jpg ” title=&quot;Click Here.&quot;> </a>   </div> ]]> </Content> </Module>
Platform Features (1) Content Type HTML:  將內容放在  iframe  中 HTML-inline:  不將內容放在  iframe  內 ,  可與主網頁互動 ,  但有限制 URL:  外部  URL  資料 Javascript Libraries Core:  基本功能 , preferences  存取 UI: tabs, grid, drag & drop
Platform Features (2) Google Analytics 透過  Google Analytics  收集使用資訊 Module/User Preference
Platform Features (3) Localization 透過  Message bundle  將  localized  資料放在不同的  XML  檔案內
Platform Features (4) Developer gadget
Submit Your Gadgets 設定 : 作者資訊 , screenshot, thumbnails, … 等 確認  gadget  的相容性 設定  message bundles submit  你的  gadget: http://www.google.com/ig/submit
Other Widget Platforms Personal homepages Netvibes UWA Yourminis Flash Pure widget platform Widgetbox HTML, Flash SpringWidgets Flash Desktop & Web Windows Live Live.com, Windows Vista Yahoo! Windows/Macs, My Yahoo! (Limited Partner)
Thank You!

More Related Content

Similar to Intro to Google Gadgets

Html5css3 go.yeefe.com
Html5css3 go.yeefe.comHtml5css3 go.yeefe.com
Html5css3 go.yeefe.com
tellyeefe
 
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
裕波 周
 
十步学会用Css+Div建站
十步学会用Css+Div建站十步学会用Css+Div建站
十步学会用Css+Div建站
yiditushe
 
Html5智能手机ui布局浅谈
Html5智能手机ui布局浅谈Html5智能手机ui布局浅谈
Html5智能手机ui布局浅谈
sankyu Tang
 
Google App Engine Devfest 200810 External
Google App Engine Devfest 200810 ExternalGoogle App Engine Devfest 200810 External
Google App Engine Devfest 200810 External
junyu
 
混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习
混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习
混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习
Lester,Gaofeng Ruan
 
Struts1+ hibernate3
Struts1+ hibernate3Struts1+ hibernate3
Struts1+ hibernate3
edanwade
 
给初学者的Html5教程
给初学者的Html5教程给初学者的Html5教程
给初学者的Html5教程
Zhang Xiaoxue
 
PHP通用程序的模板组织机制
PHP通用程序的模板组织机制PHP通用程序的模板组织机制
PHP通用程序的模板组织机制
horseluke
 
Insertar un formulario
Insertar un formularioInsertar un formulario
Insertar un formulario
Jose Vicente Sagasta
 
Windows Mobile Widget 開發
Windows Mobile Widget 開發Windows Mobile Widget 開發
Windows Mobile Widget 開發
Chui-Wen Chiu
 
Web Rebuild
Web RebuildWeb Rebuild
Web Rebuild
Jeffrey Liu
 
HTML5概览
HTML5概览HTML5概览
HTML5概览
Adam Lu
 
Maven – 项目管理利器
Maven – 项目管理利器Maven – 项目管理利器
Maven – 项目管理利器
johnnybai
 
刘松 Cpo项目的前端实践分享
刘松 Cpo项目的前端实践分享刘松 Cpo项目的前端实践分享
刘松 Cpo项目的前端实践分享
czbad
 
部落格製作與數位圖像編修
部落格製作與數位圖像編修部落格製作與數位圖像編修
部落格製作與數位圖像編修
guest8a0fc8
 
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
Takashi Uemura
 
Cocoa on Rails 4th
Cocoa on Rails 4thCocoa on Rails 4th
Cocoa on Rails 4th
Xiaochun Shen
 
TBAD F2E 2010 review
TBAD F2E 2010 reviewTBAD F2E 2010 review
TBAD F2E 2010 review
leneli
 
Developer Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web FundamentalsDeveloper Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web Fundamentals
Jiaxuan Lin
 

Similar to Intro to Google Gadgets (20)

Html5css3 go.yeefe.com
Html5css3 go.yeefe.comHtml5css3 go.yeefe.com
Html5css3 go.yeefe.com
 
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
 
十步学会用Css+Div建站
十步学会用Css+Div建站十步学会用Css+Div建站
十步学会用Css+Div建站
 
Html5智能手机ui布局浅谈
Html5智能手机ui布局浅谈Html5智能手机ui布局浅谈
Html5智能手机ui布局浅谈
 
Google App Engine Devfest 200810 External
Google App Engine Devfest 200810 ExternalGoogle App Engine Devfest 200810 External
Google App Engine Devfest 200810 External
 
混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习
混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习
混聚开发模式与应用 兼谈Web2.0时代的数字生活与学习
 
Struts1+ hibernate3
Struts1+ hibernate3Struts1+ hibernate3
Struts1+ hibernate3
 
给初学者的Html5教程
给初学者的Html5教程给初学者的Html5教程
给初学者的Html5教程
 
PHP通用程序的模板组织机制
PHP通用程序的模板组织机制PHP通用程序的模板组织机制
PHP通用程序的模板组织机制
 
Insertar un formulario
Insertar un formularioInsertar un formulario
Insertar un formulario
 
Windows Mobile Widget 開發
Windows Mobile Widget 開發Windows Mobile Widget 開發
Windows Mobile Widget 開發
 
Web Rebuild
Web RebuildWeb Rebuild
Web Rebuild
 
HTML5概览
HTML5概览HTML5概览
HTML5概览
 
Maven – 项目管理利器
Maven – 项目管理利器Maven – 项目管理利器
Maven – 项目管理利器
 
刘松 Cpo项目的前端实践分享
刘松 Cpo项目的前端实践分享刘松 Cpo项目的前端实践分享
刘松 Cpo项目的前端实践分享
 
部落格製作與數位圖像編修
部落格製作與數位圖像編修部落格製作與數位圖像編修
部落格製作與數位圖像編修
 
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
20100116 01 Word Pressテンプレートのカスタマイズ&Xml出力
 
Cocoa on Rails 4th
Cocoa on Rails 4thCocoa on Rails 4th
Cocoa on Rails 4th
 
TBAD F2E 2010 review
TBAD F2E 2010 reviewTBAD F2E 2010 review
TBAD F2E 2010 review
 
Developer Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web FundamentalsDeveloper Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web Fundamentals
 

More from Yenwen Feng

在 Kotlin/Android 使用 Ethereum Smart Contract
在 Kotlin/Android 使用 Ethereum Smart Contract在 Kotlin/Android 使用 Ethereum Smart Contract
在 Kotlin/Android 使用 Ethereum Smart Contract
Yenwen Feng
 
Lambda local - A local server for developing AWS Lambda function in Java
Lambda local - A local server for developing AWS Lambda function in JavaLambda local - A local server for developing AWS Lambda function in Java
Lambda local - A local server for developing AWS Lambda function in Java
Yenwen Feng
 
Product Market Fit
Product Market FitProduct Market Fit
Product Market Fit
Yenwen Feng
 
Introduction to Growth
Introduction to GrowthIntroduction to Growth
Introduction to Growth
Yenwen Feng
 
Growth
GrowthGrowth
Growth
Yenwen Feng
 
Growth
GrowthGrowth
Growth
Yenwen Feng
 
消費性 APP 的募資經驗分享
消費性 APP 的募資經驗分享消費性 APP 的募資經驗分享
消費性 APP 的募資經驗分享
Yenwen Feng
 
Thoughts behind Cubie Messenger
Thoughts behind Cubie MessengerThoughts behind Cubie Messenger
Thoughts behind Cubie Messenger
Yenwen Feng
 
Facebook flash api and social game development
Facebook flash api and social game developmentFacebook flash api and social game development
Facebook flash api and social game development
Yenwen Feng
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startup
Yenwen Feng
 
GWT: Our Experiences
GWT: Our ExperiencesGWT: Our Experiences
GWT: Our Experiences
Yenwen Feng
 
Entrepreneurship3
Entrepreneurship3Entrepreneurship3
Entrepreneurship3
Yenwen Feng
 
Suggestions for Building Websites
Suggestions for Building WebsitesSuggestions for Building Websites
Suggestions for Building Websites
Yenwen Feng
 
Ajax by Examples 2
Ajax by Examples 2Ajax by Examples 2
Ajax by Examples 2
Yenwen Feng
 
Hibernate Cache
Hibernate CacheHibernate Cache
Hibernate Cache
Yenwen Feng
 

More from Yenwen Feng (15)

在 Kotlin/Android 使用 Ethereum Smart Contract
在 Kotlin/Android 使用 Ethereum Smart Contract在 Kotlin/Android 使用 Ethereum Smart Contract
在 Kotlin/Android 使用 Ethereum Smart Contract
 
Lambda local - A local server for developing AWS Lambda function in Java
Lambda local - A local server for developing AWS Lambda function in JavaLambda local - A local server for developing AWS Lambda function in Java
Lambda local - A local server for developing AWS Lambda function in Java
 
Product Market Fit
Product Market FitProduct Market Fit
Product Market Fit
 
Introduction to Growth
Introduction to GrowthIntroduction to Growth
Introduction to Growth
 
Growth
GrowthGrowth
Growth
 
Growth
GrowthGrowth
Growth
 
消費性 APP 的募資經驗分享
消費性 APP 的募資經驗分享消費性 APP 的募資經驗分享
消費性 APP 的募資經驗分享
 
Thoughts behind Cubie Messenger
Thoughts behind Cubie MessengerThoughts behind Cubie Messenger
Thoughts behind Cubie Messenger
 
Facebook flash api and social game development
Facebook flash api and social game developmentFacebook flash api and social game development
Facebook flash api and social game development
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startup
 
GWT: Our Experiences
GWT: Our ExperiencesGWT: Our Experiences
GWT: Our Experiences
 
Entrepreneurship3
Entrepreneurship3Entrepreneurship3
Entrepreneurship3
 
Suggestions for Building Websites
Suggestions for Building WebsitesSuggestions for Building Websites
Suggestions for Building Websites
 
Ajax by Examples 2
Ajax by Examples 2Ajax by Examples 2
Ajax by Examples 2
 
Hibernate Cache
Hibernate CacheHibernate Cache
Hibernate Cache
 

Intro to Google Gadgets

  • 2. About Me 馮彥文 隨想行動科技 , Founder http://www.willmobile.com Happyweb, Founder http://happyweb.tw Blog http://www.pocketshark.com/blog/page/tempo Google: run tempo run Javaworld Id: tempo Email [email_address]
  • 3. Google Gadgets Google gadgets AJAX Over 1B page views in a week Directory Google gadgets directory Embedded in Google homepage Google gadgets for your web pages Google desktop Google pages
  • 6. Google Gadgets For Your Webpage
  • 8. Other Web Widget Platforms Widget startpage module growth, March 2007
  • 9. Top 10 Google Gadgets Top 10 Google Gadgets Week Ending March 3, 2007
  • 10. Fastest Growing Google Gadgets 11 fastest growing Google Gadgets, March 2007
  • 11.  
  • 12. Why Google Gadgets? Cross-platforms Personal homepage Your websites (blogs, …) Windows / Mac Easy to distribute / Central marketplace Add-on features Little efforts
  • 13. 建立第一個 Google Gadget (1) Step 1 建立你的 gadget module <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <Module> <ModulePrefs title=&quot;hello world example&quot; /> <Content type=&quot;html&quot;> <![CDATA[ Hello, world! ]]> </Content> </Module>
  • 14. 建立第一個 Google Gadget (2) Step 2 Add the gadget to your homepage
  • 15. 建立第一個 Google Gadget (3) Step 2 Add the gadget to your homepage
  • 16. 建立第一個 Google Gadget (4) Step 2 Add the gadget to your homepage
  • 17. Another Example <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <Module> <ModulePrefs title=&quot;Go to Photo Album&quot; height=&quot;250&quot; scaling=&quot;false&quot; /> <Content type=&quot;html&quot;> <![CDATA[ <div style=&quot;text-align:center&quot;> <a id=&quot;Riggs&quot; title=&quot;My Photo Album&quot; target=&quot;_blank“ href=&quot;http://picasaweb.google.com/doc.examples/ShelfBoy&quot;> <img border=&quot;0&quot; alt=&quot;Photo“ src=” http://doc.examples.googlepages.com/Riggsie-OP.jpg ” title=&quot;Click Here.&quot;> </a> </div> ]]> </Content> </Module>
  • 18. Platform Features (1) Content Type HTML: 將內容放在 iframe 中 HTML-inline: 不將內容放在 iframe 內 , 可與主網頁互動 , 但有限制 URL: 外部 URL 資料 Javascript Libraries Core: 基本功能 , preferences 存取 UI: tabs, grid, drag & drop
  • 19. Platform Features (2) Google Analytics 透過 Google Analytics 收集使用資訊 Module/User Preference
  • 20. Platform Features (3) Localization 透過 Message bundle 將 localized 資料放在不同的 XML 檔案內
  • 21. Platform Features (4) Developer gadget
  • 22. Submit Your Gadgets 設定 : 作者資訊 , screenshot, thumbnails, … 等 確認 gadget 的相容性 設定 message bundles submit 你的 gadget: http://www.google.com/ig/submit
  • 23. Other Widget Platforms Personal homepages Netvibes UWA Yourminis Flash Pure widget platform Widgetbox HTML, Flash SpringWidgets Flash Desktop & Web Windows Live Live.com, Windows Vista Yahoo! Windows/Macs, My Yahoo! (Limited Partner)