軟體開發(軟件開發)

網智數位主要提供套裝及客製化的軟體系統解決方案,專為客戶量身訂做客製化的軟體,達成客製化、智慧化及網路化的管理功能。

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

網智數位主要提供套裝及客製化的軟體系統解決方案,針對室內設計師、木工、裝潢業產業,量身訂做客製化的軟體,達成客製化、智慧化及網路化的商用軟體。

商用軟體-客製化設計

網智數位主要提供套裝及客製化的軟體系統解決方案,專為客戶量身訂做客製化的軟體,達成客製化、智慧化及網路化的管理功能。

IOT 物聯網-系統開發

根據客戶實際狀況,結合雲端與載具進行客製化物聯網IOT導入與軟體開發

雲端VPS虛擬主機租用

我們的雲端VPS虛擬主機是採用雲端(虛擬化)技術所開發之全新雲端伺服器服務,可以選擇多種作業系統(Windows、Linux等),客戶可載入自訂的應用環境,執行自己所要提供的網路服務,我們的雲端服務可為您的網站提供最完美的解決方案。

ERP軟體客製化導入

ERP軟體客製化導入,室內設計、營造業、裝潢、木作工程、系統櫃工程、會計系統,全面提升公司管理營運效率。

搜尋引擎最佳化SEO

搜尋引擎最佳化(SEO)不僅能提高網站在搜尋結果的排名,更能帶來大量對我們產品或服務真正有需求的訪客。SEO 最棒的特質之一就是不像廣告一樣亂槍打鳥而導致用戶的反感,反而更能提升點閱率跟成交率喔。

服務宗旨

網智數位主要提供套裝及客製化的軟體系統解決方案,專為客戶量身訂做客製化的軟體,達成客製化、智慧化及網路化的管理功能。

我們的成立宗旨就是要以最猛的IT技術讓這個世界更Smart,在我們貫徹我們裡想的同時,我們希望可以把我們所開發的系統帶給台灣的中小企業,除了要推薦好的東西之外,我們也希望做點改變,所以我們的第一目標就是要使用最好用的系統再加上您寶貴的創意,不僅僅可以節省你大量的荷包,還可以有一個像樣的網站。我們可以幫你做的有

企業管理
  • 策略管理
  • 目標管理
  • 行銷管理
  • 財會管理
  • ERP導入
  • 企業流程自訂
資訊管理
  • 網站架設
  • 虛擬化/雲端架設
  • 主機代管
  • 私有雲建制與導入
軟體開發
  • UML設計
  • 版本控管
  • 企業軟體開發
  • APP開發
  • 網頁設計
資訊安全
  • 網頁弱點掃描
  • 主機弱點掃描
  • 木馬檢測
  • 資安鑑識
  • 設計網路架構
  • 資安監控
行銷
  • 關鍵字SEO
  • 社群網路行銷
  • 部落格行銷
  • FaceBook 粉絲團
其他
  • 協助企業申請Google Email
好玩工具開發

講出你的創意吧!沒有甚麼是資訊辦不到的

2017年11月29日 星期三

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

       最近因為我再次改版窗簾產業的ERP軟體(窗簾產業真的是產品格式最多樣化,這又是個革命的軟體了,為了這個領域投入許多時間來了解產業知識),以及又承接越南的一系列的工廠生產系統與ERP,讓我沒有多餘時間可以分享技術文章,剛好近來網智數位開發團隊又承接南部大廠、以及群創科技大廠的10個工廠整合數據所需要的軟體開發案,需要用到大量的程式繪圖技術,之前我們如果遇到繪圖技術通常開發團隊都選擇用Windows Form 或 WPF相關技術直接程式繪圖產生,或者如果是企業商業軟體,我們常用報表開發工具,來產生一系列的數據圖表,有利於系統使用者,看圖來判斷數據、以利作決策分析、異常辨識統計,但這次客戶全部要求都是WEB化的資訊系統建置,所以我們全部採用了 Java Script 直接繪圖及時動態產生圖表。 
       也因為這樣所以我選擇寫一篇利用 Java Script D3 程式技術來示範教學,如何動態產生直條圖(當然也可以產生各式各樣的圖表、例如折線圖),不過這篇技術文章,我假設前提是讀者已經非常熟析Java Script 以及 HTML CSS 語法,也對 D3 有初步認識,或許以後我有機會也會補充撰寫 Java Script 與 D3 的文章。


該案例執行結果 畫面
 

image

在這個案例你首先要先下載 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

2017年11月9日 星期四

ERP 系統在中小企業如何有效利用條碼與QRCode(軟體開發、軟件開發、客製化軟體)

       現行QRCode與條形碼技術都是一個有效整合編碼、印刷、識別、資料採集和處理於一身的新型技術,目前已被廣泛應用於商業、郵政、圖書管理、倉儲、工業生產、過程控制、交通等領域。




        QRCode與條碼都具有輸入速度快、資料採集量大、可靠性和準確度高等優點,是一種最經濟、最實用的自動識別技術。
 
        而目前為止,中小企業幾乎都會積極進行ERP 的導入與建置,但是成功上線的公司卻鳳毛麟角。而造成系統不能成功上線的原因大部分都是資料收集問題,所謂三分軟體,七分資料,可見資料對於整個系統導入成功的影響至關重要,如何將條形碼技術嵌入到ERP 系統中或使用QRCode來快速整合應用,進而提高ERP 系統基礎資料的採集效率,是擺在企業ERP 資訊部門面前的新課題。



        網智數位-軟體開發團隊,專門協助中小型企業,成功將量身開發的ERP 軟體與條碼技術、QRCode 進行整合,實現了ERP 系統部分資料輸入、輸出流程,從人工操作到條碼化操作的轉變,從而提高了人工的效率,確保了ERP 主要資訊的統一性和準確性。
 
1 圖形條碼技術的原理和過程
 
目前,常見的條碼是由寬度不同、反射率不同的條和空按照一定的編碼規則編制成的,用以表達一組數字或字母符號訊息的圖形識別碼。即:條碼是一組粗細不同,按照一定的規則安排間距的平行線條圖形。產檢的條碼是由反射率相差很大的黑條和白條組成的。由於不同顏色的物體,其反射的可見光的波長不同,白色物體能反射各種波長的可見光,黑色物體則吸收各種波長的可見光,所以當條碼掃描器光源發出的光,照射到黑白相間的條碼上時,通過反射使光電轉換器接收到與白條和黑條相應的強弱不同的反射光信號,並轉換成相應的電信號輸出到放大整形電路。這樣,便得到了被辨讀的條碼符合的條和空的數目及相應的寬度和所用碼製,根據碼製所對應的編碼規則,便可將條形符號換成相應的數字字符訊息,通過接口電路送計算機進行資料處理與管理,便完成了條碼辨讀的全過程。
 
2 幫中小企業ERP 建設中遇到的資料問題
 
資訊化時代下,無論大中小企業都在進行資訊化與行動化建設,尤其對於許多企業在庫存物料種類多達 5000 ~ 8000 種,甚至上萬種物料,出入庫也很頻繁,僅僅依靠原來的人工錄入資料,資料的質量可想而知,肯定會有很多錯誤和缺陷。在生產方面,產品種類多,結構複雜,產品更新速度加快,對於產品質量的跟踪僅僅依靠ERP 系統也不能達到很好跟踪效果。在銷售方面,不同型號的產品源源不斷地投向市場,流向台灣各個縣市甚至其他國家區域,這些產品的跟踪記錄也是對中小企業資訊系統建置的一個考驗。而在庫存盤點方面,面對龐大的資料,倉庫管理人員通常都是抓大放小,造成庫存部門物料資訊不準確,進而是MRP 的運算不能發揮功效;要嘛花費大量的時間盤點整理資料,在盤點和整理資料中也會出現很多人為的錯誤。圖形條碼技術在ERP 中的應用,有效地解決了上述問題。



    
3 條碼技術在企業ERP 中的具體應用


    
 
3.1 條碼技術在倉儲管理模組的應用
 
在倉儲管理模塊中,可將庫存的物料訊息、貨位訊息打印製作成條形碼,即將物料按物料屬性、功能參數、價格高低、放置的合理貨位進行記錄,這樣,就可以將物料訊息和貨位訊息進行綁定。整理物料和貨位訊息是訊息化建設的基礎,沒有準確的物料訊息,訊息化建設就是一張白紙。而將物料訊息和貨位訊息綁定後,就可以對庫存的物料進行盤點。這樣,不但可以按貨位盤點,也可以按物料屬性進行盤點。盤點時,掃描條形碼即可調出物料名稱、規格型號、貨位、庫存數量、批次、盤點數量等訊息,然後將盤點資料輸入、保存即可完成對該條資料的盤點。另外,用入庫掃描機製作二維代碼,當物資和設備被調入庫時,操作人員將待存儲物資的名稱、規​​格型號、日期、批次、使用情況等訊息輸入PC 機,經過PC 機管理軟件製造出二維條碼並通過條碼打印機打印,然後粘貼在待入庫物資的表面。而掃描出庫時,物資需要出庫並登記時,由PC 機調集資料,向二維掃描槍發送出庫單,由掃描槍掃描物資上的條碼,完成後再將資料返回到PC 機,計算機收到訊息後,通過局域網送到資料庫,就可以更新庫存,完成出庫。而移庫管理時,倉庫對實物按庫位進行管理,統提供移庫管理功能,可實現庫位間的相互移動,以達到各庫位間商品的準確性。因此,出入庫、移庫、庫存盤點等功能的訊息輸入,就不需要依靠手工輸入,從而大大簡化了倉庫人員的操作難度和強度,為基礎訊息資訊的建設打下了堅實的基礎。



3.2 條碼技術在採購模組的應用
 
有了準確的庫存訊息、生產的產品計劃、產品的BOM 訊息,物料的在途、已佔用訊息,通過MRP 運算就能提供一份準確的物料需求計劃。根據這份物料需求計劃,採購部門就能製定相應的採購計劃進行採購作業。值得注意的是,當採購人員與供應商進行訂單及合約簽訂時,將物料的訊息屬性也傳達給了供應商。供應商提供出庫清單時,即包括本單位的物料條碼,此訂單號將作為該物料的批次進入來料接收、產品檢驗入庫、產品入庫各個環節,該批次條碼也在入庫、出庫,半成品、部件、產品中流轉。


 
3.3 條碼技術在生產模塊的應用
 
在生產環節,部件是由一個個原材料部件組成的,對於關鍵原材料都有對應的批次代碼,能追溯到採購的批次,同時部件本身也有批次碼,用於記錄生產該部件的時間及生產人員。依此類推,產品主機中又有大量的部件批次代碼。掃描主機就能調出關鍵部件的批次及生產時間,依次能展開這個產品的樹狀結構,直至用到那個批次的原材料。條碼技術的應用為產品質量的跟踪打下了基礎,實現了正向追溯和反向追溯,關注於從原材料採購到形成最終產品的可追溯性。通過分析最終產品與其組成部分(原材料、零件、部件和組件等)的批次組成關係,追溯產品批次及其加工歷史,以確定缺陷產品的分佈情況並找到缺陷產品產生的原因,進而對缺陷產品進行召回。


 
3.4 條碼技術在銷售模組的應用
 
產品在銷售環節,也要將唯一的產品機號與客戶的訂單綁定,由此從供應商到客戶的整個物流鏈通過一個個條形碼連接起來。產品包裝​​上的條碼訊息,可通過條碼掃描槍或者資料採集器採集該貨品條碼,實時核查本批產品所屬訂單號、產品代碼、明細規格、訂單數量及發貨日期等訊息。當客戶產品出貨時,用掃描器掃描出貨產品條碼,自動生成ERP 系統銷售出庫單,出庫單關聯銷售訂單號、客戶資訊等。


 
4 結論
 
條碼技術在ERP 中的應用,彌補了ERP 偏重對計劃的管控而無法監控物流現場執行情況的缺陷,也是企業物流過程透明化管理的有效途徑。一個個條碼從出入庫指令下達到產品完成,從供應商的採購到銷售環節的客戶的大物流中流轉,使整個過程清晰可見,可對產品的質量進行控制,同時也可對整個物流進行優化。通過一個個條碼,可實時獲取現場在製品、物料、物流過程各個環節的各種資訊。




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

(作者其他參考文章)
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:釋放企業潛能的新革命



網智數位-開發團隊

一直突破開發技術、累積各種產業知識,而且在出版業、室內設計裝潢業、製造業、機電顧問、貿易、地板、窗簾、窗材、拉門、布料業的商業管理軟體投入有特別的領域知識、也在圖控軟體(圖控軟件)、機械手臂、 Android APP 、iPhone APP、3D列印 開發一直突破再創新,我們也堅持相信好的軟體可以協助企業,不管在管理營運角度、商品創新、決策分析等都絕對是不可缺少的關鍵因素,如果客戶您有任何軟體開發、程式開發委外需求,請聯繫我們讓我們協助您一起討論如何開發一個好的軟體來協助您。




網智數位-軟體開發(軟件開發) 

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