2010年6月13日 星期日

IGOOGLE 小工具開發之新手上路 之 igoogle SmartAccount聰明線上記帳小工具 by FQstory

IGOOGLE 小工具開發之新手上路 之 igoogle SmartAccount聰明線上記帳小工具 by FQstory

最近寫了一個記帳程式想要放到 IGOOGLE 上

所以就研究一下 GOOGLE的小工具開發方法

其實步驟很簡單,且GOOGLE還免費提供一套 editor : Google Gadgets Editor

首先

新增Google Gadgets Editor 小工具



然後大家應該都會了吧!!


不過這個小工具要用XML的語法寫入(可以放HTML)

然後再publish以前

要先確認一下需求格式

這邊以smartaccount為例子:

?xml version="1.0" encoding="UTF-8"?
Module
ModulePrefs title="SmartAccount 聰明記帳小工具 @ by FQstory" height="300" width="300"
             description="簡單的記帳小工具,他可以自動計入您所輸入過的項目,並且自動依次排序喔!!還可以設定預算等等功能喔"
             author="Mien-De Jhuo "
             author_email="poi5305@gmail.com"
    author_location="http://fq-story.blogspot.com/"
    thumbnail="http://poi5305.my3gb.com/account/ico.jpg"
    screenshot="http://poi5305.my3gb.com/account/ico.jpg"
             
/ModulePrefs
Content type="url" href="http://poi5305.my3gb.com/account/index.html" /
/Module

PS . < & > 拿掉了

ModulePrefs 屬性 裡面基本上最好都要填寫
再發布的時候google也會提醒你哪些是必要的

都弄好之後就可以選擇倒數第二的選項 "publish"

之後就照著google的指示進行即可


順便介紹一下 IGOOGLE SmartAccount聰明記帳小工具  新增





他其實說明白點就是簡單的記帳工具

==========功能一:快速選擇項目============



至於特色就是會自動記錄您之前所輸入過的項目

並且依造次數排序 (顯示前六名)

可以省略以往還要邊輯 項目的動作

因為是以次數排列
所以顯示出來的快速選擇項目一定是常用的項目

=========功能二:快速搜尋項目============



如果前六名沒有您想要輸入的項目

就可以輸入前一個字在欄位中

系統也會自動搜尋您曾經輸入過的項目

或是最熱門的項目

==========功能三:訂定預算============



之後還有提供一個小的功能

就是可以對項目訂定預算

如果支出超過預算,就會以紅色的提醒您該注意了

==========特色:明細==============

在列出明細時,可以選擇 年或月或日

年會顯示 一年的統計(平均花費)

月會顯示 一個月的統計(平均花費)

日則顯示 當天所有的收支狀況

==================================

本程式使用AJAX+PHP+JS 技術

沒有留言:

張貼留言