IT Farmer 資訊農夫: 2015/10

2015/10/13

JS javascript 框架 memo

● -- ● JS javascript 框架 memo ;;; 《ECMAScript 6入门》線上電子書 ;;;
.■■■ - Google Angular JS 【api 官網】，相當多的開發者正在使用能穩定運作的 1.x 版本，但是 Angular 2.x 的版本卻面臨了相當大的改版，而且並沒有支援 1.x 的部分。 Angular 最大亮點在雙向資料綁定，簡潔的資料綁定和監控配上快節奏的開發技巧時，產生令人驚豔的開發速度。
.■- 如何用 Visual Studio Code 開發 AngularJS 應用程式
.■- AngularJS 初學者相關學習資源 - Docs.com : 收集了許多「中文」的 AngularJS 學習資源
.■- 男丁格爾大大的AngularJS入門教學 : 有三十多篇，Binding部分介紹得蠻完整

.■- NG筆記1-AngularJS學習資源與術語 - 黑暗執行緒 : [NG系列]

.■■■ - React 主打 Single Source of True 和 Flux 的單項資料流，重新以元件的思維角度去設計 WebApp，最後又採用相同思維可以進行開發 iOS, Android native 程式框架 - React Native 讓大家眼睛為之一亮。
.■■■ - WinJS 在 Windows 8.0 時就已經存在。目前已發展到4.0.1版．在Visual Studio 2015 RC裡選擇 JavaScript / Windows Universal 專案就可以建立以JavaScript開發UWP的應用程式。
.■- WinJs庫是最近微軟公佈的一個開源項目。它與開源社區的協作共同完成。為了輕易創建HTML/JS/CSS應用程序開發的解決方案。WinJS是一個Javascripts的工具箱讓開發人員使用HTML/JS/CSS：

為開發人員提供出色的UI基礎組件，支持觸摸，鼠標，鍵盤和可以訪問性。
為開發人員提供一組具有粘性的組件與工具來構建應用程序的基礎設施。

.■- WinJS內包含了Angular、Knockout和JQuery等框架的內置轉接器，兼容Angular、Knockout和JQuery等JS框架。WinJS還包含了微軟提供的所有JavaScript庫，開發者能夠快速的編寫複雜的代碼。

.■■■ - 以下這幾款算是近期比較熱門的框架：

.■■■ - backbone.js 當中，實現的並不是 Model-View-Controller 這樣的模式，而是Model-Collection-View 這三類物件，以及利用event進行串連的方式，除此，javascript語言本身就扮演了某種程度的controller角色，因此您也可以輕易的將jQuery與backbone.js 搭在一起使用，兩者可以很完美的融合運作，
MVC『Model-View-Controller』，該模式將一個系統分成背後的『模型』(Model)、『顯示』(View)與連接的『控制』(Controller)等三大部份，將模型與顯示兩者分開，然後再用controller將兩者結合在一起。
.■■■ - React.js 是 facebook 公司所創建的一個開源專案，扮演的角色主要是 MVC 架構中的 View 角色
.■ - React 的特別之處是在 javascript 裡面放入了 HTML/XML 的內容，react搭配 JSXTransformer 去將 HTML/XML 語法轉換成 javascript ，這樣就可以將　HTML/XML 完全的 javascript 化了。
.■■■ - Angular.js
.■■■ -
.■■■ -2015-8-13 The Will Will Web | 前端工程師必須學會的現代化前端開發工具
.■ ES6 (javascript 6) , 2015 年的六月則正式推出 ECMAScript 2015 (ECMAScript 6) (ES6) (ES2015) (ES Harmony)，這個版本可以算是 JavaScript 的大躍進，多出了一大堆功能，可以大陸知名技術人阮一峰所寫的《ECMAScript 6入门》線上電子書，有針對 ES6 非常完整的解說。
.■ 市面上 轉譯器 (transpiler)
(是 transfer (轉換) + compiler (編譯) 的合體字，中文可以翻譯成「轉譯器」)
有蠻多的 (ECMAScript 6 Tools)，有些還會自己創造新的語法，讓你用更簡潔的語法來撰寫程式，並在最後產生 ES3 或 ES5 相容的 JavaScript 程式碼。常見的轉譯器有：

TypeScript
- 由微軟推出的一套全新語言與工具，這套語言本身為 JavaScript 的超集合 (superset)，最終可將 TypeScript 編譯為 JavaScript 語法。
Babel
- 可輸入 ES6, ES7 的 JS 程式碼，並自動編譯為 ES3, ES5, ES6 的語法。是一個 JS to JS 轉譯器。
JSX (React)
- 由 Facebook 所研發出來的一種 XML 語法，用以擴充 ECMAScript 的規格，讓 XML/HTML 可以融合在 JavaScript 程式碼之中，一般用於 React 框架之中。
CoffeeScript
- 自訂一套極簡的 JS 撰寫風格，最終可將 CoffeeScript 編譯為 JavaScript 語法。

.■ JS 品質管理工具有：

JSHint, a JavaScript Code Quality Tool
ESLint - Pluggable JavaScript linter
JSLint:The JavaScript Code Quality Tool
JSCS: JavaScript Code Style checker

.■ 目前來說，撰寫模組化的 JavaScript 有以下三種選擇：

AMD (Asynchronous module definition - Wikipedia, the free encyclopedia)
AMD 是一套非同步模組化定義的規格，請注意，這是一份 API 規格，並非實
AMD 顧名思義，他是採用「非同步」的方式載入相依模組。
RequireJS 則是一套實作 AMD API 的函式庫，可用於瀏覽器環境。
CommonJS ( CommonJS - Wikipedia, the free encyclopedia ) ( CommonJS 规范 )
CommonJS 是一套用於瀏覽器之外的模組化載入規格，已實作於 Node.js 執行環境中。
CommonJS 採用「同步」的方式載入相依模組
有套模組載入工具 Browserify 就是採用 CommonJS 格式，讓你可以在模組載入後自動產生一個合併後的 JS 檔，由於問世的時間較早，目前使用者也非常多。
ECMAScript 2015 (ECMAScript 6) (ES6) (ES2015) (ES Harmony)
新版 ES6 內建了模組 ( Module ) 功能，進一步將模組化能力加入到 JavaScript 語言特性中。
未來新版的瀏覽器將內建 ES6 模組化能力，不過要等 ES6 Module 可以跑在所有瀏覽器中，可能還有一段時間要等。

.■■■ - 比較常見前端工程師們會用的文字編輯器有：

Sublime Text (跨平台)
Atom (跨平台) Atom 筆記 - CSDN ;;; Atom 常用快捷鍵 ;;;
Brackets (跨平台)
Visual Studio Code (跨平台)
WebStorm (跨平台) (商用軟體)
Coda (Mac Only)

.■■■ -
.■■■ -
.■■■ -
.■■■ -

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

-
-

2015/10/11

XAML UWP WPF

● -- ● XAML Wiki
Extensible Application Markup Language，XAML，是WPF（Windows Presentation Foundation）的一部分，是一種XML的使用者介面描述語言，有著HTML的外觀，又揉合了XML語法的本質。
.■■■ - XAML 概觀 (WPF) MSDN ;;;
.■■■ -
.■■■ -
.■■■ - XAML 簡介 - 2015/9 Channel 9 ;;; XAML 語法與基本控制項 - 2015/9 Channel 9

.■■■ - Designing XAML in Visual Studio (vs2015 msdn )
.■■■ - 使用 Blend for Visual Studio 建立 UI (vs ide msdn )
.■■■ - 在 Visual Studio 中使用 XAML 設計工具建立 UI (vs ide msdn )
.■■■ - 從 WPF 移轉至 System.Xaml 的類型 ( .net 4.6 4.5 - NET Framework 開發指南 - XAML 服務 )
.■■■ - http://www.dotblogs.com.tw/evarichie/archive/2015/05/30/151448.aspx ( 4 of N )

Windows 10 UWP 8 of N: Contact user`s data

Windows 10 UWP 7 of N : Navigation model and Windowing

Windows 10 UWP 6 of N : New Tile and Toast Notification

Windows 10 UWP 5 of N : Application Life Management

Windows 10 UWP 4 of N : XAML controls and Design principles

Windows 10 UWP 3 of N : Deep dive into XAML

Windows 10 UWP 2 of N : New data binding

Windows 10 UWP 1 of N : New Technology choose, New controls and XAML Performance

.■■■ - Win10-UWA開發 XAML 語言等 - 必須掌握 (CN csdn 2015/8)
.■■■ -
跟我一起学WPF（0）：初识WPF
跟我一起学WPF（1）：WPF的UI设计语言——XAML (一個簡單的計算器界面)
跟我一起学WPF（2）：WPF控件基础 ******************* 2015/05/26
.■■■ - Microsoft/Windows-universal-samples (GitHub)
.■■■ - 通用 Windows 平台 (UWP) 應用程式指南 (msdn)
程式碼範例 : https://dev.windows.com/zh-tw/samples
.■■■ -
.■■■ - Windows 應用程式 - 設計 - 設計基本知識
設計基本知識

UWP 應用程式簡介

裝置基本資訊

規劃您的應用程式

回應式設計 101

UI 基本知識

瀏覽

命令

內容

.■■■ - MSDN Library > 開發工具和語言 > 歡迎使用 Visual Studio 2015

Visual Studio 2015 的新功能

安裝 Visual Studio

移植、移轉和升級 Visual Studio 專案

Visual Studio 中的 JavaScript

開始使用 Python

Visual F#

Visual Studio LightSwitch

DevOps 與應用程式生命週期管理

.■■■ - 通用 Windows 平台 (UWP) app 的指導方針 (msdn)

使用這份指導方針索引可以協助您設計出色的 UWP app。如果您還沒準備好，請先閱讀什麼是 UWP app？

(尋找 Windows 8.1 設計指引？我們提供 PDF 格式的文件：下載 Windows 8.1 設計指導方針 PDF。)

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

-
-

2015/10/08

VS 2015 C# 2015 memo

● -- ● VS (Visual Studio) C# 2015 memo (vs 2015 community) ( ASP.NET 5 and MVC 6 )
.■■■ -
.■■■ -
.■■■ -"GenerateResource" 工作發生未預期的失敗。
System.NullReferenceException: 並未將物件參考設定為物件的執行個體。
-
清除專案： [建置(B)] > [清除 <專案名稱>(N)]
.■■■ - VS 2015 走向

當前ASP.NET是專案主力，市佔率遠勝ASP.NET MVC，但MVC、HTML5才是明日之星！
WebForm、MVC、ASHX、WebService、WCF己非主流。花點時間學習了解ASP.NET MVC / Web API 這些新東西，是不會後悔的投資。
AngularJS扶正(NG) : Angular取代成為ASP.NET 5專案的先發，Visual Studio 2015還提供建立AngularJS Module、Controller、Directive、Factory的項目模版，並整合了Grunt方便批次壓縮、打包Angular Script，另外，Visual Studio寫Angluar程式，有強大的TypeScript。TypeScript將正式成為Angular 2.0的開發語言（NG2.0大幅度改版，且不支援NG1.x直接升級，基本上只能砍掉重練！），Visual Studio + TypeScript 是目前最強的開發工具。

P.S ( 目前市場上較常提及的JavaScript MVC架構包含: Angular、Ember、Backbone及Durandal )

.■■■ - 2014/12/3 (Microsoft Virtual Academy) 在線課堂 : 跨平台移動開發者日 (cn chanel 9 )
.■■■ - 免費課程 (MSDN Taiwan blogger) : http://blogs.msdn.com/b/msdntaiwan/p/c9-learning.aspx
.■■■ - Channel 9 - Windows 10 development for absolute beginners (En Vedio)
Channel 9 - C# Fundamentals for Absolute Beginners (En Vedio)
Channel 9 - TechDays Taiwan 2015 ( 中文 Vedio )
.■■■ -
.■■■ -
.■■■ -C# WPF, Windows Form，將DLL包進EXE執行檔，製作單一執行免安裝應用程式
.■■■ - 快速了解 ASP.NET 5 與 MVC 6 懶人包系列 (一)

.■■■ - 今年Build 2015宣布新版本的UAP(Universal Windows App)也就是UWP( Universal Windows App )！所謂的UWP到底是甚麼東西呢！？
Win10下的應用名稱正式確定為了Universal Windows App，也許是為了和以前的UAP劃清關係以表示其真正做到了「Universal」。是的，UWP是本次Build大會最重要的主題之一，其跨平台兼容性，多語言支持以及對其他平台應用的支持都有著前所未有的「Universal」。
作為全新的應用類型，UWP自然有了全新的開發框架。用C#+XAML來說，基本保持了UAP的開發模式，但是新增了諸多特性。
.■■■ - 在UWP中，由於沒有平台區別，幾乎所有控件都成為跨平台控件了，而非UAP下不同平台的使用限制。
.■■■ - UWP?UWP! - Build 2015有些啥?(1)
UWP?UWP! - Build 2015有些啥?(2)
UWP開發隨筆——使用SQLite數據庫
Win10 UWP應用作為和Win8.1 UAP
.■■■ -

Windows 10 UWP 8 of N: Contact user`s data

Windows 10 UWP 7 of N : Navigation model and Windowing

Windows 10 UWP 6 of N : New Tile and Toast Notification

Windows 10 UWP 5 of N : Application Life Management

Windows 10 UWP 4 of N : XAML controls and Design principles

Windows 10 UWP 3 of N : Deep dive into XAML

Windows 10 UWP 2 of N : New data binding

Windows 10 UWP 1 of N : New Technology choose, New controls and XAML Performance

.■■■ - Windows App 開發的新手 ( 沒有Windows 8/8.1市集App 或 Windows Phone App 的開發經驗) 建議可以先到 Windows 開發人員中心逛逛，了解一下上面提供的資訊。
.■■■ - Windows 10 Universal Apps : Sliding Menu Tutorial in UWP (31 EN Text Vedio)
.■■■ -

.■■■ - Windows Form 控制項和對等 WPF 控制項
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

C# 關鍵字 :提供 C# 關鍵字和語法相關資訊的連結。

C# 運算子 :提供 C# 運算子和語法相關資訊的連結。

C# 前置處理器指示詞 :提供 C# 原始程式碼內嵌之編譯器命令相關資訊的連結。

C# 編譯器選項 :包括編譯器選項和如何使用這些選項的相關資訊。

C# 編譯器錯誤 :包括程式碼片段，示範 C# 編譯器錯誤和警告的原因及更正方式。

.■■■ -
.■■■ -

-
-

電子簽呈、企業內容管理、BPM

● -- ● 電子簽核 (呈)、企業內容管理、工作流程、工作流、行動雲簽核、電子公文線上簽核、BPM(wiki)、
.■■■ - 以Alfresco文管系統在Linux建置小型ECM（Enterprise Content Management，ECM）
針對中小企業簡易的文件管理需求，在Microsoft的Windows平台下有知名的SharePoint Foundation 2010，在Linux的平台下 Alfresco Community 4.0功能就非常強大
.■■■ - 商業流程管理 (Business Process Management；BPM ) wiki ;
.■■■ - 開源中國-開源項目- 當前位置：開源軟件 » 分類導航 » 程序開發 » 工作流引擎
.■ - 2015-10-2 商業流程管理(BPM)與工作流(Workflow)平台 - ProcessMaker資源備忘
其他比較有規模的免費的BPM與Workflow平台還有
1. jBPM (企業級): SourceForge Project, 官網
2. Bonita BPM (企業級): SourceForge Project, 官網
3. YAWL (企業級): SourceForge Project , 官網
4. Joget Workflow (企業級): SourceForge Project, 官網 ...等
註 : jBPM並沒有繁體中文版，Bonita BPM Community版與Joget Workflow Community版都不提供LDAP認證功能
.■ -
.■ -
.■ -
.■■■ - Cuteflow (SourceForge Link) 是一套特別針對表單的工作流程管理系統，它是一個 web-based 的系統
.■ - 馳騁工作流引擎 ccflow
.■ -

.■■■ - 開源工作流引擎 jBPM (java)、 OpenWFE 和 Enhydra Shark等開源產品。
業務流程管理(BPM)和工作流系統 Activiti

Activiti5是在jBPM3、jBPM4的基礎上發展而來的，是原jBPM的延續，而jBPM5則與之前的jBPM3、jBPM4沒有太大關聯，且捨棄了備受推崇的PVM（流程虛擬機）思想，轉而選擇jBoss自身產品Drools Flow作為流程引擎的核心實現，工作流最為重要的「人機交互」任務（類似於審批活動）則由單獨的一塊「Human Task Service」附加到Drools Flow上實現，任務的查詢、處理等行為通過Apache Mina異步通信機制完成。
.■■■ -
.■■■ - 行動內容管理(MCM)又稱企業立即M化
.■■■ -下文來源 : 什麼是企業內容管理系統(ECM)
根據維基百科(Wikipedia)對 ECM ( 企業內容管理系統 )的定義；

ECM是一個通稱名詞，意義涵蓋文件管理(Document Management)、網站內容管理(Web Content Management)、搜尋(Search)、協同作業(Collaboration)、記錄管理(Records Management)、數位資產管理(Digital Asset Management)、工作流程管理(Workflow Management)以及文件掃描與擷取(Capture and Scanning)等領域。

ECM系統主要是設計來管理所有資訊由生成、處理、歸檔到銷毀等生命週期。

ECM系統可以三種方式呈現：安裝於企業內部網路、安裝於軟體服務商(SaaS)提供網路服務、或以上兩者聯合運作的混合模式。

ECM目的是讓企業資訊在儲存(Storage)、安控(Security)、版本(Version Control)、處理流程(Process Routing)、以及保存(Retention)等方面都得以簡化。企業導入ECM系統的效益包括工作效率的提升、更好的資訊管空以及降低營運成本。例如，許多銀行已經採用ECM系統儲存支票影像以取代原本的檔案室保存方法。過去，客戶要調閱一張支票可能要耗上幾週的時間，因為銀行行員需要透過檔案室管理人員找出原始支票，影印後寄到分行，分行行員再寄給客戶。有了ECM系統後，銀行行員只要以戶頭帳號與支票號碼就可以調出支票影像，可以立即就印出郵寄或e-mail給客戶，客戶往往還沒掛上電話，工作就已經完成了。
.■■■ -
.■■■ -
.■■■ - ProcessMaker官網資源
1.1 首頁
1.2 線上手冊
1.3 教學影片
1.4 教學資源 - ProcessMaker University
1.5 ProcessMaker多國語言包
1.6 ProcessMaker官方論壇, 中文

2.ProcessMaker Project in SourceForge

3 ProcessMaker in Youtube
3.1 ProcessMaker 頻道
3.2 Tutoriales CEIS ProcessMaker 2013 頻道.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ - 電子簽呈廠商
力新國際科技股份有限公司-採購諮詢
電話：(02)7721-0111 #1610
傳真：(02)7721-2001
力新NewSoftOA電子簽核 - newsoftoa.com
電子郵件：ivan_lee@oa.newsoft.com.tw ;;; contactus@newsoft.com.tw
centos dbmake
==========================
Netask Flow 簽核系統【力晶集團 - 世成科技】
公司地址：104 台北市南京東路三段68號8樓電話：886-02-2517-7770 #8686
標準版的簽核，只能發送純「串簽」或純「會辦」的表單。
==========================
中華電信 (首頁 > 產品與服務 > 數據加值產品): EZBPM 商業流程管理雲端服務
國際電話、國際電話卡、企業客戶相關業務請洽：免付費電話：0800-080-100

==========================
2011-06-23 : 若是已經確認為Microsoft為開發平台，能選的就不多了。
1. 台塑網
2. 遠綠
3. 博格
4. 新人類
5. 喬蓬
這裡有人討論過可以參考一下。http://ithelp.ithome.com.tw/question/10048114
===========================
公司曾經評估過鼎新跟華苓兩家國內系統!
最後決定使用華苓 workflower ! 彈性夠大! 不需走到客製化!!
還有文管系統整合! ERP系統整合(中介程式)!!
(鼎新雖然ERP整合更好!但客製化太多!什麼都要客製!花費太多!)
小公司的經驗分享!!!
華菱的BPM是Java開發的,稱為Agentflow
============================

.■■■ -
.■■■ -
.■■■ -

-
-

2015/10/03

Microsoft TechDays Taiwan 2015 影片列表

● -- ● 微軟四大核心學習中心 :

.■■■ - - Microm TechDays Taiwan 2015 影片列表 (第 1 - 3天 2015/9/15 -17 )
https://channel9.msdn.com/Events/TechDays/TechDays-Taiwan-2015?sort=sequential&direction=desc#theSessions

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

-
-

Pages - Menu

2015/10/13

JS javascript 框架 memo

2015/10/11

XAML UWP WPF

2015/10/08

VS 2015 C# 2015 memo

電子簽呈、企業內容管理、BPM

2015/10/03

Microsoft TechDays Taiwan 2015 影片列表