網智數位

2018年1月15日星期一

ERP 與 CRM 整合對企業的重要性（軟體開發、ERP客製化）

晚上8:16 .NET, 布料, 成衣, 衣服, 物聯網, 紡織, 軟體, 軟體開發, 程式設計, 窗簾, 進銷存, 裝潢業ERP, 機電, 醫院HIS, Arduino, ASP.NET, CRM, ERP, IOT 物聯網 No comments

現在的企業競爭越來越激烈，更隨著資訊訊息化的普及，所有企業都處身於資訊與大數據分析的必要性，各行各業的企業不得不面對日益增長的海量資訊數據。可是卻又有許多企業無法充分交換、共享、利用各種數據來加以整合，使自身前後兩端成為各自獨立的資訊孤島，最終使企業在業務運營上出現盲點，以至於無法有效利用資訊數據來引導企業做策略分析。

       以往舊資訊管理思維，企業傳統的著眼點在後台，也就是在企業內部精益化管理和成本控制這部分，而對前台，也就是直接面對客戶的那一塊缺乏良好的科學管理思維，隨著資訊化、物聯網、雲端技術的普及發展，在以客戶為中心的市場經濟時代，企業關注的焦點逐漸由過去關注產品轉移到關注客戶上來，由於需要將更多的注意力集中到客戶身上，所以僅僅依靠的封閉式管理模式已難以適應激烈的競爭，企業必需同時運用內部流程數據與整合外部客戶的資訊，而為了彌補專注于企業內部ERP系統的不足，順應企業的需求，以方便與客戶的互動，所以企業必需具備在足夠的力量創造有用決策資訊，引進CRM系統，無疑是個捷徑來提升企業管理競爭力。

       所以企業導入 ERP系統與CRM 系統非常具有天然的互補傾向，ERP系統得以將很多先進的管理思想變成現實中可實施應用的企業資源管理系統，但如果一味固守原有的管理思想，只停留在企業內部流程的管理上，將不能適應新時代資源優化及企業間協同發展的需要；CRM的價值在於突出了客戶服務與支持、和營運管理等方面的重要性，ERP和CRM的系統整合與導入並不是簡單地將二者進行加和，它們是按照業務模式和經營管理思想被合理地整合在一起，最終實現功能上的協同合作，兩者系統整合的基本思想主要是以模塊化趨勢為立足點，將CRM優勢部分有效融入ERP系統，兩者完全可以形成無縫的封閉系統，將企業內外部資源有效的整合起來，為企業發展提供新的機遇。

      把ERP與CRM整合已是大勢所趨。他們的無縫整理與資訊數據分享共用，勢必將帶來一加一大於二的理想效果，企業的過程流線化、行政管理成本削減、更出色的庫存管理、在線定價與報價、交貨週期的自動化、更好的銷售成本控制，最大化地提高企業對市場的快速響應能力和滿足客戶個性化需求的能力，最終以實現為目標，使企業建立起適應網絡經濟的充分柔性的企業管理資訊系統。

網智數位-軟體開發，專門針對客戶進行量身設計的客製化軟體，已有多年經驗，也在不同產業領域都有實作成功案例。

(作者其他參考文章)
MPS主生產計畫專文介紹(一)
MRPⅡ/ERP 能力需求計畫原理
庫存管理-概念與釐清
庫存管理探討-VMI
真正的庫存量形成探討
庫存管理的中樞控管法則（上）
庫存管理的中樞控管法則（下）
庫存目標6大範疇（程式開發、程式設計、軟體開發、系統開發）
BOM表管理與設定﹣輔料是否需輸入BOM
何謂進銷存、ERP、WMS？三者差異性【軟體開發、軟件開發、程式設計】
ERP 產品成本管理與計算
庫存量正確性衡量法則
粗能力需求計畫(RCCP) - 專文介紹
如何利用軟體來協助企業銷售統計和分析
開發進銷存、ERP、PDM，物料欄位收集與建立重要性（ERP開發、軟體開發、進銷存）
ERP 各種計劃階段的差異
ERP 系統的淺談與優勢
ERP 系統在中小企業如何有效利用條碼與QRCode
[ ERP/MRP 系統 ] - 專案導入深入剖析
ERP 導入的投資報酬評估（ERP客製化、進銷存軟體）
ERP 與 CRM 整合對企業的重要性（軟體開發、ERP客製化）
ERP思維突破：啟動企業智能革命，引領未來行銷新浪潮

AI時代的ERP：釋放企業潛能的新革命

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

Java Script D3 資料過濾教學（軟體設計、軟體開發）

上午11:57 .NET, 客製化軟體, 套裝軟體, 庫存, 軟件開發, 軟體, 軟體開發, 進銷存軟體, APP, Arduino, ASP.NET, D3, ERP, FLIR, HTML, POS No comments

       我在網頁繪圖時，現在常使用 D3 來幫客戶做成統計視覺圖表，但一定會遇到客戶要求在使用者界面上可以進行某些條件的過濾篩選，例如根據勾選或者執行某個按鈕（Button）時，可以顯示或隱藏網頁部分元素圖表，而這樣需求條件，我們就可以利用 Java Script D3 支援的 Filter 函數來實作此需求案例。

案例執行畫面如下

//完整程式碼如下：

<!DOCTYPE html>
< html>
< head>
    <meta charset="utf-8">
    <title>網智數位 Java Script D3 過濾資料技巧</title>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
    <script type="text/javascript" src="d3.js"></script>
< /head>

<body>

<script type="text/javascript">
    var data = [ // <- 程式碼註解 A
        {price: 200, category: "捲簾"},
        {price: 300, category: "直立式軌道"},
        {price: 350, category: "木片百葉窗"},
        {price: 500, category: "木竹簾羅馬"},
        {price: 1000, category: "電動軌道"},
        {price: 800, category: "蜂巢簾"},
        {price: 900, category: "百葉窗"},
        {price: 500, category: "壁紙"},
        {price: 300, category: "耐磨地板"},
        {price: 700, category: "衛浴"},
        {price: 400, category: "馬桶"}
    ];

    function render(data, category) {
        d3.select("body").selectAll("div.h-bar") // <- 程式碼註解 B
                .data(data)
            .enter()
            .append("div")
                .attr("class", "h-bar")
             .append("span");

        d3.select("body").selectAll("div.h-bar") // <- 程式碼註解 C
                .data(data)
            .exit().remove();

        d3.select("body").selectAll("div.h-bar") // <- 程式碼註解 D
                .data(data)
            .attr("class", "h-bar")
            .style("width", function (d) {
                 return (d.price) * 0.6 + "px";}
            )
             .select("span")
                .text(function (d) {
                     return d.category;
                });

        d3.select("body").selectAll("div.h-bar")
                .filter(function (d, i) { // <- 程式碼註解 E
                    return d.category == category;
                })
                .classed("selected", true);
    }

    render(data);

    function select(category) {
        render(data, category);
    }
< /script>

<div class="control-group">
    <button onclick="select('耐磨地板')">
        耐磨地板
    </button>
    <button onclick="select('電動軌道')">
        電動軌道
    </button>
    <button onclick="select('壁紙')">
        壁紙
    </button>
    <button onclick="select()">
        取消選取
    </button>
< /div>

</body>

</html>

重點程式碼講解：

1. 程式碼註解 A ，我在這邊宣告了一個 data 變數，它存放了一系列 json 格式的物件，該物件有 2個屬性分別為 price（記錄價格）、category（記錄類型）。
     var data = [ // <- 程式碼註解 A
        {price: 200, category: "捲簾"},
        {price: 300, category: "直立式軌道"},
        {price: 350, category: "木片百葉窗"},
        {price: 500, category: "木竹簾羅馬"},
        {price: 1000, category: "電動軌道"},
        {price: 800, category: "蜂巢簾"},
        {price: 900, category: "百葉窗"},
         {price: 500, category: "壁紙"},
        {price: 300, category: "耐磨地板"},
         {price: 700, category: "衛浴"},
         {price: 400, category: "馬桶"}
     ];
2.程式碼註解 B，透過 D3 的選取方式

d3.select("body").selectAll("div.h-bar").data(data).enter()

這行程式碼，透將會將所有數據與網頁的 <div id=’h-bar’> ，做交集的動作，使得每個數據可以對應各自的 <div id=’h-bar’> 元素。

3.程式碼註解 D，將選取的 <div id=’h-bar’> ，根據 data 的 price 價格用公式來設定長度，以及透過 text() 來設定文字。
d3.select("body").selectAll("div.h-bar") // <- 程式碼註解 D
                 .data(data)
             .attr("class", "h-bar")
             .style("width", function (d) {
                 return (d.price) * 0.6 + "px";}
             )
            .select("span")
                 .text(function (d) {
                     return d.category;
                 });
4.程式碼註解 E，也是最重要的，我根據 d3 支援的 filter()函數，來過濾要選擇的資料。
d3.select("body").selectAll("div.h-bar")
                 .filter(function (d, i) { // <- 程式碼註解 E
                     return d.category == category;
                 })
                .classed("selected", true);

其他參考文章
HTML CSS 動畫教學–【軟體開發（軟件開發）】
繪圖程式-折線圖、區域圖實作一
 產品報告與能源曲線分析系統
 利用 JavaScript D3 在網頁動態產生直條圖（軟體開發、軟件開發）
Java Script D3 資料過濾教學（軟體設計、軟體開發）
利用 JavaScript D3 在網頁動態產生直條圖（軟體開發、軟件開發）

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

利用 JavaScript D3 在網頁動態產生直條圖（軟體開發、軟件開發）

凌晨12:56 企業管理, 客製化軟體, 紅外線, 倉庫, 庫存, 軟件開發, 進銷存軟體, 圖控軟件, 圖控軟體, Arduino, CRM, ERP, FLIR, MPS, MRP, POS, VMI No comments

最近因為我再次改版窗簾產業的ERP軟體(~~窗簾產業真的是產品格式最多樣化，這又是個革命的軟體了，為了這個領域投入許多時間來了解產業知識~~)，以及又承接越南的一系列的工廠生產系統與ERP，讓我沒有多餘時間可以分享技術文章，剛好近來網智數位開發團隊又承接南部大廠、以及群創科技大廠的10個工廠整合數據所需要的軟體開發案，需要用到大量的程式繪圖技術，之前我們如果遇到繪圖技術通常開發團隊都選擇用Windows Form 或 WPF相關技術直接程式繪圖產生，或者如果是企業商業軟體，我們常用報表開發工具，來產生一系列的數據圖表，有利於系統使用者，看圖來判斷數據、以利作決策分析、異常辨識統計，但這次客戶全部要求都是WEB化的資訊系統建置，所以我們全部採用了 Java Script 直接繪圖及時動態產生圖表。

也因為這樣所以我選擇寫一篇利用 Java Script D3 程式技術來示範教學，如何動態產生直條圖（當然也可以產生各式各樣的圖表、例如折線圖），不過這篇技術文章，我假設前提是讀者已經非常熟析Java Script 以及 HTML CSS 語法，也對 D3 有初步認識，或許以後我有機會也會補充撰寫 Java Script 與 D3 的文章。

該案例執行結果畫面

在這個案例你首先要先下載 D3.js library (可以到 https://d3js.org/ 去下載最新的 D3.js 檔案，來引入在網頁理）
如下列程式碼，我就在 head 直接引用d3.js

<head>
     <meta charset="utf-8">
     <title>利用Java Sciprt Array 來產生圖表（網智數位）</title>
     <link rel="stylesheet" type="text/css" href="styles.css"/>
     <script type="text/javascript" src="d3.js"></script>
< /head>

接下來底下我寫了一個最主要的核心 Java Scirpt 程式碼

<script type="text/javascript">
    var data = [   // <- 程式碼A
        {width: 30, color: 23},{width: 35, color: 33},
        {width: 50, color: 40},{width: 30, color: 60},
        {width: 60, color: 22},{width: 65, color: 10},
        {width: 65, color: 5},{width: 30, color: 30},
         {width: 30, color: 60},{width: 70, color: 90},
        {width: 15, color: 10}
    ];

    var colorScale = d3.scale.linear()
        .domain([0, 100])
        .range(["#add8e6", "blue"]);   // <- 程式碼B
    function render(data) {
        d3.select("body").selectAll("div.h-bar")
            .data(data)
            .enter().append("div")
                .attr("class", "h-bar")
            .append("span");
        d3.select("body").selectAll("div.h-bar")
            .data(data)
            .exit().remove();
        d3.select("body").selectAll("div.h-bar")
            .data(data)
                .attr("class", "h-bar")
                .style("width", function (d) { // <-程式碼 C
                     return (d.width * 5) + "px"; // <- 程式碼D
                 })
                .style("background-color", function(d){
                     return colorScale(d.color); // <- 程式碼E
                 })
            .select("span")
                .text(function (d) {
                    return d.width; // <-程式碼 F
                 });
    }
    function randVal() {
        return Math.round(Math.random() * 100);
    }
    setInterval(function () {
         data.shift();
        data.push({width: randVal(), color: randVal()});
        render(data);
    }, 1500);
    render(data);
< /script>

程式邏輯講解
程式碼A，主要是一堆有 Json 物件組成的陣列，而存在在變數 data 裡，這邊我只是單純為了講解，所以直接在程式開頭就把數據全部宣告起來，實務上在開發中，應該及時讀取後端資料庫、或者 WebAPI，取得 Jason 物件陣列.

程式碼B,主要是利用D3的一個 Scale 函數，這個函數可以接受一個數字參數，而轉換為標準的 CSS 顏色值。這個可以在程式碼E區段，套用漸層顏色的效果。
程式碼C，主要是利用 D3的選擇函數傳回的所有集合物件（就是網頁的HTML 標籤元素，在這邊是 div)，套用在每個DIV的 Style 屬性，這邊我直接控制 Width 屬性，這樣就可以變更每個div元素的寬度尺寸。
程式碼D，宣告了一個function(d)，而這個 d 參數實際上就是代表程式碼A裡 data 變數陣列的每個數據物件（Json）
function (d)
{
return (d.width * 5) + "px";
//這邊我可以直接使用 d.width ，因為 d 就是個jason物件, 而且擁有 width 屬性
}
程式碼E，套用 D3的 Scale函數，使得有漸層效果。
程式碼F，在透過 D3的 Select 函數，選取 <div> 裡面的子元素 <span>，然後在透過標準的 HTML DOM 支援的 text() 函數，動態設定數字文字。

其他參考文章
HTML CSS 動畫教學–【軟體開發（軟件開發）】
繪圖程式-折線圖、區域圖實作一
 產品報告與能源曲線分析系統

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

軟體開發(軟件開發)

室內設計、裝潢、窗簾報價估算軟體

商用軟體-客製化設計

IOT 物聯網-系統開發

雲端VPS虛擬主機租用

ERP軟體客製化導入

搜尋引擎最佳化SEO

服務宗旨

2018年1月15日星期一

ERP 與 CRM 整合對企業的重要性（軟體開發、ERP客製化）

2017年12月4日星期一

Java Script D3 資料過濾教學（軟體設計、軟體開發）

2017年11月29日星期三

利用 JavaScript D3 在網頁動態產生直條圖（軟體開發、軟件開發）

精選文章

在 .NET MAUI 中生成條碼和 QR Code：跨平台應用的實現指南(軟體開發、軟件開發)

標籤

網誌存檔

網智數位搜尋引擎

統計分析

服務宗旨

2018年1月15日 星期一

2017年12月4日 星期一

2017年11月29日 星期三

精選文章

標籤

網誌存檔

網智數位 搜尋引擎

統計分析

2018年1月15日星期一

2017年12月4日星期一

2017年11月29日星期三

網智數位搜尋引擎