Functional Website
此為民國108年參與的專案,當年的農委會 (現在的農業部) 建構一套內部使用的整合農民關聯資料庫,裡面包含農、畜牧、漁業、天災等統計資料。
我負責部份為 UI 畫面設計、切版與 amchart 圖表套用,提供 html 模板檔案,其後再由程式廠商完備前台表單功能、後台資料串接等。此備份 demosite 只提供 PC 版觀看 (建議尺寸 1200 x 800 px) ,可直接點選登入進入主頁。
整合農民關聯資料庫網站包括 4 個部份:會員專區、最新消息、視覺化圖表、資料庫查詢。
此系統限會員查詢使用,需提供基本會員專區內容,如註冊表格畫面、各種例外頁面等。最新消息則是一頁式單元,另有上下輪播式跑馬燈,布達網站最新修改資訊或近期相關法規異動。
此單元包含 6 大類別:農糧、畜牧、漁業船舶、養殖漁塭、農金、天災救助,每一類別底下又有 3-4 子類別,每一子類別包含約 5-7 個圖表。圖表以長條圖、折線圖、等呈現各種統計數據。
以下側錄動圖示意 篩選資料範圍、 6 大類別切換操作:
① 每一子類別可以由右側滑入選單篩選資料範圍。② 切換 6 大類別與子類別。(此 demosite 只是提供html畫面,實際套用程式後應該勾選或篩選設置完成後,整組子類別的資料範圍會隨之更動。)
以下側錄動圖示意 圖表功能操作:
① 每一圖表點擊後可以放大顯示。② 點擊圖表圖形處可以看數字,並可以 hide/show 部份資料。③ 圖表上方有「資料表格」收合區塊,點選後可以顯示此圖表的 table 數據部份。④ 在放大模式下,可以按左右箭頭切換下一個圖表,或是由上方 select/option 選單直接選取指定圖表。
此單元主要以表格方式呈現,依 4 大主體:人、地、物、補助,查詢其名下相對應的資料。如依人查詢,可查到該人員名下農、漁、牧業相關的地、物、補助紀錄等;若依補助查詢,則會查到一些統計數字,如各縣市天災救助分布比例。
以下側錄動圖示意 資料庫查詢操作:
① 依人查詢,表單中有 的地方即為各種註解小工具。② 第 1 層為左方選項,選查詢主體。第 2 層為淺綠色頁籤。第 3 層則是白色頁籤。