2013年10月30日 星期三

使用者介面展示 - 派工記錄管理系統

主要用來管理派工記錄的系統,並可讓現場人員輸入製造過程所使用的時間與問題.

1. 派工單資料管理:可選擇不同檢視與篩選欄位快速的尋找資料


2. 派工單詳細資料


3.派工單總覽儀表板:快速了解派工單狀態統計


4.人員工時儀表板


5.機台工時儀表板

2013年10月8日 星期二

Web 開發平台展示

以下的影片都有介紹字幕,請開啟字幕顯示

1. Platform Overview - 平台介紹


2. Feature Demo 1 - 功能展示 1


3.Feature Demo 2 - 功能展示 2


非常謝謝您的觀看

2013年9月30日 星期一

使用者介面展示 - 社區管理費系統

社區用的管理費收支系統,可登錄住戶車位與相關收支資料,並有報表列印輸出.

1.住戶資料清單

2.住戶詳細資料

3.住戶詳細資料 - 車位資料

4.住戶詳細資料 - 繳費資料

5.社區費用支出

6.社區收支明細表

2013年7月19日 星期五

2013年6月19日 星期三

Project Tracker - 專案追蹤系統

GitHub 真的是一個非常好的平台,而且使用介面也做得相當不錯,也因為如此我們決定先參考其設定的功能以及操作方式來建置一個我們自己的專案追蹤系統.

1. 系統首頁,列出目前所有專案,並可選擇條件進行篩選,並列出個別專案的基本統計資訊



2.專案首頁,專案基本資訊以及功能需求與工作項目狀態,並列出需要注意的需求與工作項目



3.專案群組設定,專案群組人員與權限設定



4.專案里程碑管理



5.專案標籤設定



6.功能需求管理,根據專案設定的里程碑列出功能需求,並可針對ㄧ些條件進行篩選.



7.功能需求項目,可進行討論上傳附件與變更項目狀態



8.工作項目管理,根據里程碑進行篩選,並可以使用標籤進行多重篩選



9.工作項目資料



10.多國語言設定,在個人資料中可以自行選擇介面要顯示的語系



在製作過程中,最難處理的就是工作項目列表篩選,由於可以透過標籤進行多重篩選因此在T-SQL的撰寫上也需要特別注意.操作介面則是盡量的個別獨立成使用者控制項,並透過事件驅動來進行主要資料的顯示.

2013年4月1日 星期一

WebFomTools - 快速檢視ASP.NET驗證控制項狀態

如果你是一個ASP.NET程式設計師,你一定常常遇到需要檢視整個ASPX檔案中,有哪些控制項有驗證,驗證的方式有哪些,當你的控制項很多時,你只能一個一個的尋找並點選他來查看屬性.

看看以下的圖片:



因為上述的因素,因此我開發了一個Visual Studio的Tool Window可以一次就看到WebForm上的所有可驗證控制項,與跟他相關聯的驗證控制項,這樣一來就可以更快速的進行檢查!

2013年2月26日 星期二

GridViewScroll with jQuery - 更新 20130226

更新(20130226):

更新版本至0.9.6

  • 支援欄位斷行
  • 增加兩個GridViewScroll捲軸連動功能
  • 修正使用"Tab"鍵切換輸入框,捲軸位置不正確
  • 支援欄位寬度使用百分比設定

2013年2月4日 星期一

GridViewScroll with jQuery - 支援資料列列合併 - 更新 20130204

更新(20130204):

更新版本至0.9

支援資料列的列合併(不支援在資料列的第一個欄位進行列合併)

2013年1月29日 星期二

GridViewScroll with jQuery - 改善大量資料執行效率 - 更新 20130129

更新(20130129):

更新版本至0.8.2

經過非常多的測試與研究之後,終於將效能校調至可以接受的範圍內,下圖是一些簡單的測試結果:



測試的情境如下:
1. Grid寬度1200px, 高度:900px;
2. 20個欄位(內容皆為數值)
3. 凍結欄位5個

2013年1月25日 星期五

GridViewScroll with jQuery 實作技巧3

要做到固定標題列與凍結欄位,就必須要先知道要使用何種的HTML才有辦法排列出這樣的效果,下面的兩張圖也就是排列的方法.

1. 藍色區域:固定標題列
2. 紅色區域:內容資料列


3. 黃色區域:當有凍結欄位時的標題列
4. 綠色區域:當有凍結欄位時的資料列


上述的4個區域,在HTML中我們都可以使用DIV的方式來進行處理,不過首先一般我們資料表格輸出HTML時,大概會像以下的內容:

<table id="GridView1">
    <tr>
        <td>標題欄位一<td>
        <td>標題欄位二<td>
    </tr>
    <tr>
        <td>資料一<td>
        <td>資料二<td>
    </tr>
</table>

為了要製作出符合的HTML必須使用jQuery來進行DOM的操作,修改為以下的HTML

<div id="GridView1_Header">
    <table id="GridView1_Copy">
        <tr>
             <td>標題欄位一</td>
             <td>標題欄位二</td>
        </tr>
    </table>
</div>
<div id="GridView1_Item">
    <table id="GridView1">
        <tr>
            <td>標題欄位一<td>
            <td>標題欄位二<td>
        </tr>
        <tr>
            <td>資料一<td>
            <td>資料二<td>
        </tr>
    </table>
</div>
<div id="GridView1_Header_Freeze">
    <table id="GridView1_Copy">
        <tr>
             <td>標題欄位一</td>
             <td>標題欄位二</td>
        </tr>
    </table>
</div>
<div id="GridView1_Item_Freeze">
    <table id="GridView1_Copy">
        <tr>
            <td>資料一<td>
            <td>資料二<td>
        </tr>
    </table>
</div>

1. 首先必須要計算出每個欄位適當的寬度,可以參考GridViewScroll with jQuery 實作技巧2
2. 捲軸的部份我們可以透過設定DIV的寬度高度與overflow來進行顯示.
3. 凍結欄位(GridView_Header_Freeze,GridView_Item_Freeze)的部分,則是透過position: absolute並設定top與left來指定他要顯示的位置.

2013年1月21日 星期一

內容管理系統 - 展示與試用 - Content Management System - Demo



功能簡介

1. 主要使用分類的概念進行內容的建置
2. 頁面內容則是使用內容範本來快速新增
3. 建立的每個內容區塊都有版本紀錄
4 .分類的權限控管會依照隸屬的上層的來繼承或中斷繼承,頁面則為隸屬的分類
5. 權限可分為三個等級, 讀取者,參與者,完全控制
6. 分類或是頁面的新增,如果使用者為參與者時,則需要完整控制的使用者來審核

我們準備了一個測試的環境,讓有興趣的人可以直接來進行操作與使用

網址: http://cms.aspcity.idv.tw
帳號: demo
密碼: 1234

如果您有任何建議或指教也希望您可以提出,我們都將盡力改善.

使用上有任何問題,也可以直接來信: twlikol@msn.com

2013年1月18日 星期五

GridViewScroll with jQuery - 增加HTML使用範例 - 更新 20130118

更新(20130118):

更新版本至0.6

1. 增加凍結欄位高度計算設定.在GridView中每一列的高度並不相同,必須將calculateallcellheight設定為True. 預設值為False(效能較好)

2. 部分範例增加HTML使用方式

相關範例請參考: 案例展示



2013年1月10日 星期四

GridViewScroll with jQuery - 改善大量資料執行效率 - 更新 20130110

更新(20130110):

更新版本至0.5.1.3

主要改善IE8 IE9在大量資料時效能問題.

相關範例請參考: 案例展示



2013年1月8日 星期二

進銷存基本功能範例(二)



新增了一些銷售統計分析的功能:產品,產品分類與客戶銷售統計

使用的主要技術有:ASP.NET, ASP.NET Web API, jQuery

想操作或看看實際動作可到: 產品進貨銷售系統

GridViewScroll with jQuery 更新 20130108

更新(20130108):

更新版本至0.5.1

執行效能改善: 如果您正在使用其他版本,強烈建議您下載最新版本.

相關範例請參考: 案例展示



2013年1月3日 星期四

GridViewScroll with jQuery 更新 20130103

更新(20130103):

更新版本至0.4.3

重要更新: 支援點選箭頭圖片與捲軸進行捲動,不再需要將UseAccessibleHeader設定為False.

相關範例請參考: 案例展示



2013年1月2日 星期三

進銷存基本功能範例



這是一個進銷存基本功能的範例,功能包含了:產品基本資料,進出貨管理,廠商與客戶資料管理.

使用的主要技術有:ASP.NET, ASP.NET Web API, jQuery

想操作或看看實際動作可到: 產品進貨銷售系統