WPF開發-測試報告編輯工具軟體-量身客製化軟體設計

          今年我們協助-知名上市公司致茂科技，股票代號2360 -世界領先的自動測試設備(ATE)自有品牌供應商，開發專屬的測試報告編輯工具軟體，量身客製化設計與開發，下列影片是開發團隊簡單測試影片。

https://youtu.be/JZ4DvvdZ2zo




網智數位-開發團隊一直突破開發技術、累積各種產業知識，而且在窗簾、窗材、拉門、布料業的商業管理軟體投入有特別的領域知識、也在圖控軟體（圖控軟件）、機械手臂、Android APP 、iPhone APP、3D列印 開發一直突破再創新，我們也堅持相信好的軟體可以協助企業，不管在管理營運角度、商品創新、決策分析等都絕對是不可缺少的關鍵因素，如果客戶您有任何軟體開發、程式開發委外需求，請聯繫我們讓我們協助您一起討論如何開發一個好的軟體來協助您。


網智數位-軟體開發（軟件開發）
針對各特殊產業都可以量身定做符合貴公司的需求，別人無法克服的就是我們的挑戰
業務合作、軟體委外開發
業務窗口：allen@netqna.com
聯繫電話：0920-883-870
公司電話：02-55991310
公司地址（業務營運處）：台北市中山區錦州街 25 號 5 樓
skype： netqna
line：netqna
微信：netqna
黃先生 Allen

Read More

繪圖程式-折線圖、區域圖 實作一（軟體設計、軟體開發、程式開發）

        這半年來一直不斷被客戶要求開發相關繪圖功能的程式，礙於現在很多程式開發人員，已經越來越多人只會資料庫的CRUD，對於繪圖程式撰寫掌握度不是很好，甚至基本觀念也沒有，所以大多數程式開發人員都是去找相關的Chart套件，也很少有人示範在 Windows 10 APP 如何開發相關繪圖程式功能（很抱歉目前Windows 10 似乎沒有提供相關繪圖控制箱可以直接使用，所以要真的自己寫繪圖功能），所以我這篇就來教導如何在 Windows Universal APP 開發一個 折線圖功能，折線圖在軟體應用上面常用於股票分析、統計分析、銷售分析、趨勢走向等圖表展現。

（折線圖）

（區域圖）

折線圖原理其實就是在一個二維的空間（平面）中，利用多個 【X,Y】坐標點透過直線連結起來，所形成的趨勢圖形，通常 X 軸代表一個某種類別例如月份、年份、型別等，而Y軸代表某類別的實際值，例如業績、銷售量、收入、人數等。在折線圖中，X軸都呈現等量（距）的增加。
現在我們知道了簡單的折線圖原理後，在Windows 10 （UWP）平台開發上，是必須使用 Polyline 繪圖技術來進行開發，可以在界面直接選告 XAML 語法，例如底下Code：

<Polyline Stroke=“Blue” StrokThickness="3”Points=”5,10 20,30 25,40 100,120”/>

其中最重要的來自于 Points 屬性 ，5,10 =》代表一個點 [5,10] =>X=5,Y=10
但通常在開發繪圖功能時，都是動態繪圖產生，所以在這邊我也示範如何完全在背後使用程式開發一個折線圖功能，我在界面上我簡單的設計2個按鈕，分別作為繪製 折線圖跟區域圖，前端界面如下

//XAML Code
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <StackPanel  Grid.Row="0" Orientation="Horizontal">
            <Button Content="折線圖繪製" Click="DrawChart_1" Margin="12" Background="AliceBlue"></Button>
            <Button Content="區域圖繪製" Click="DrawChart_2" Margin="12" Background="Wheat"></Button>
        </StackPanel>
        <Grid x:Name="gdChartCanvas" Grid.Row="1" Height="auto" HorizontalAlignment="Center" VerticalAlignment="Center">
        </Grid>
</Grid>

在後端的程式碼，分別設計了 GetAllPoints（）方法、與對應的 DrawChart_1 、DrawChart_2 事件方法

       /// <summary>
       /// 取得所有折線圖、區域圖的 Y值清單
       /// </summary>
       /// <param name="yValues">Y值清單</param>
       /// <param name="perWidth">X等距寬度</param>
       /// <param name="yStartValue">Y起始值</param>
       /// <returns></returns>
       private PointCollection GetAllPoints(List<double> yValues, double perWidth, double yStartValue)
       {
           PointCollection points = new PointCollection();
           double x = 0;
           foreach (double yVal in yValues)
           {
               double y;
               //判斷 Y 值是否小於 Y坐標起始值，因為畫布是從 100 開始
               if (yVal < yStartValue)
               {
                   y = 100;
               }
               else
               {
                   //可以套用自己的公式來設定Y值
                   //y = Math.Floor((500 - (yVal * 200) / 300));
                   y = yVal;
               }
               Point point = new Point(x, y);
               points.Add(point);
               x += perWidth;
           }
           return points;
       }

      /// <summary>
      /// 繪製折線圖
      /// </summary>
      /// <param name="sender"></param>
      /// <param name="e"></param>
      private void DrawChart_1(object sender, RoutedEventArgs e)
      {
          //清除畫布
          this.gdChartCanvas.Children.Clear();
          //Y值清單
          List<double> datas = new List<double> { 185, 130, 230, 140, 200, 60, 170, 150, 190, 150, 110, 220, 130, 190, 150 };
          //取得套用公式的Y轉變值
          PointCollection pointCollection = GetAllPoints(datas, 45, 100);
          Polyline polyline = new Polyline { Points = pointCollection, Stroke = new SolidColorBrush(Colors.Red) };
          this.gdChartCanvas.Children.Add(polyline);
      }



上述程式撰寫完畢後，就可以直接點選【折線圖繪製】按鈕，畫面馬上呈現折線圖，如下執行結果










網智數位-軟體開發（軟件開發）
針對各特殊產業都可以量身定做符合貴公司的需求，別人無法克服的就是我們的挑戰
業務合作、軟體委外開發
業務窗口：allen@netqna.com
聯繫電話：0920-883-870
skype： netqna
line：netqna
微信：netqna
黃先生 Allen

Read More

南部大廠能源領導廠商、新竹竹北機電大廠-啟洋科技，對我們的肯定-軟體開發（軟件開發）

         後半年網智數位-軟體開發團隊，企業的軟體委託案，已經非常明顯比以往成長許多，也是Allen我對內部團隊的付出，非常感謝的時候，今年我們承包了以往我們非常熟析有經驗的商用軟體外，陸續因為以往完成專案，客戶滿意後的介紹，我們跨越了商用軟體的範疇（我們非常熟析企業內部管理系統開發 ex.CRM、MRP、ERP、MES、會計系統等），從去年年初我們承包了完全量身定做南部綠能產業的大廠的圖控軟體 委外軟體設計開發案，這個也是許多軟體公司根本沒辦法開發的繪圖技術、跟影像辨識技術 ，突破許多軟體、網頁設計公司，單單的電商購物車、RWD製作，該圖控軟體都是美國廠商設計開發，我們完全設計演算法、圖片辨識、人機界面設計，原本一年南部科技廠一年要花費的金額是高達千萬以上，每年固定支出，藉由我們團隊熬夜研發，雖然過程客戶的需求，中途產生很多技術瓶頸，但我們都一關一關克服了。







           再來還要特別展示我們另外開發的影像測試報告軟體委託案 ，這是另外客戶極度滿意的合作案，該機電大廠因為有許多紅外線影像、放電測試，溫度、電力、等相關檢查報告，長期人工處理，每個月花費超過2個星期工作天，以及許多人力去跑統計數字、檢測數據、在手動用 Excel 跑折線圖、曲線圖等，找了 Allen 我多次希望我們可以協助處理，我進行了分析並委託團隊資深工程師，全力協助開發，以後他們只要輸入測試數據，所有統計數據、報告是否通過、統計圖表、歷史記錄分析，都完全藉由系統就可以進行運算與輸出Excel圖表、PDF圖表，導入以後評估效益就是輸入數據後，任何數據報表，只要 3 分鐘（未導入是需要花費大量人工超過7天去做數據分析），就可以看到任何客戶他們想要結果，這就是導入資訊系統、委外軟體開發（軟件開發）的效益，所以企業真的可以評估透過軟體委外設計與開發，來達成管理效益。

圖控軟體部分截取圖




網智數位-軟體開發（軟件開發）
針對各特殊產業都可以量身定做符合貴公司的需求，別人無法克服的就是我們的挑戰
業務合作、軟體委外開發
業務窗口：allen@netqna.com
聯繫電話：0920-883-870
skype： netqna
line：netqna
微信：netqna
黃先生 Allen

Read More