IT+設計的形式與內容

設計愛上ITIT+設計的形式與內容劊新(Innovation)IT+設計形式創(chuàng)新內容創(chuàng)新IT+設計1、形式跟隨內容

形式與內容形式包裝內容(的變化)?

飲料：是內容?

杯子：是形式?

形式跟隨內容(Functionfollowscontent)?

軟件內涵

=

內容變化?

軟件形式

=包容內涵

+形式組合形式組合出美之序2、簡單形式與美之序--從貨柜說起提升能力、管理內容變化和復雜◎

未來的變化和復雜性是本質性(essential)的，人們無法刪除它。◎于是想辦法提升人們管理復雜的能力。辦法：設計出簡單◎

將復雜內容(Content)包裝于簡單形式

(Form)里

。月落烏啼霜滿天，江楓漁火對愁眠。

姑蘇城外寒山寺，

夜半鐘聲到客船?！?/p>

簡單的形式+簡單組合韻律

=美之序(Order)。?

“

一個DNA螺旋形的結構，可以由完全相同的小單位形成（好比一面墻是由相同結

構的磚砌成）；再者，每一個小單位元所

插入的方式，與別的小單位一模一樣。只

要你一旦明白一個DNA結構的裝置方式，

你便可以掌握全部?！盌NA螺旋形的結構簡單造形內涵復雜簡單韻律重復組合<序>和<容易>的經(jīng)濟效益容易序3、簡單形式的特性

美之序的特性?

特性1：構造簡單——單一元素。?

特性2：包容變化——貨柜能裝無限形式之物，XML能表示各式各樣之檔。?

特性3：容易組合——簡單的線性、樹狀或

網(wǎng)狀組合規(guī)律，呈現(xiàn)出美好的序。?

單一元素，一致界面，

?

簡單組合，無限復制，

?

裝進天下所能裝之物。?

單一元素，一致界面，

?

簡單組合，無限復制，

?

表示天下所有的檔。集裝箱：XML：單一(簡單)造形創(chuàng)造整體(美)之序?

自然界生物之設計，其主要限制是「資訊

的有限性」(InformationLimitations)。?

由于這項限制，一個生物形體的造成，是

出自一個概括性計劃：「單純的造形

」。?

隨著生物的成長、與環(huán)境的交互資訊愈多

,逐漸在細節(jié)上修修補補，就發(fā)展出「不同的內涵

」。?

然后，基于單純的造形，不斷進行「重復

地組合

」。自然界之序?

例如，漂亮的楓葉林，就是合乎「單純造形、不同內涵、重復組合」三項特性。許

多造形相同(且不同細節(jié))的楓葉，組合出一

遍美麗的樹林。?太陽系的行星運行軌跡，呈現(xiàn)單一的橢圓造形。

每一個造形都只含有兩種元素：太陽和行星。?政府架構，其造形也只有三種元素：行政、立法和司法

。?軟件的類別(Class)，其造形也只有兩種元素：

函

數(shù)和數(shù)據(jù)項。?軟件XML的造形也只有兩種元素：Tag和Content

。?物理的原子，其造形只有三種元素：質子、中子和電子

。從復雜中設計出簡單E

=

mc^2

F

=

ma?

造形的元素不超過三種。原子簡單造形?

造形有三項元素：質子、中子和電子。造形的組合4、以序容易的經(jīng)濟效益?

比爾.蓋茲：

”這些書告訴我人類發(fā)揮創(chuàng)造力的故事，正是基于這股創(chuàng)造力世界才越來

越好

…。"(摘自微博36Kr)5、軟件的內涵--如If

ThenElse

…int

a=10;if

thencallExp(int

a)elseif

thencall

Drawing()elsestatus=True;?

內涵

：業(yè)務流程(Flow)、企業(yè)規(guī)則(Rule)和

運算邏輯(Logic)等。復雜多變Function(函數(shù))內容多變6、軟件的形式(貨柜)

函數(shù)

=貨柜貨柜貨柜內容多變函數(shù)

=貨柜簡單造形，內容多變柜柜程序師

→

架構師形式內涵焦點轉移簡單造形多變內涵程序師

→

架構師

組合出簡單造形多變內涵美之序(Order)架構

美之序簡單造形多變內涵容易：容納多變(易)架構組合出美的架構復雜多變(內涵)找出簡單(形式)(設計)美的架構找出簡單掌握復雜

(設計)復雜多變(形式)(內涵)(容易)美的架構復雜多變(形式)(內涵)程序師架構師7、軟件形式(造形)的演進：函數(shù)

→類別?

顧名思義，程序碼造形就是程序碼層級的

設計造形(Form)。程序碼造形就是開發(fā)者

常用的詞匯(Vocabulary)，其能直接對映

(Map)到程序語言的基本結構，此結構大多

定義成為關鍵字(Keyword)。例如，指令

(Instruction)、函數(shù)(Function)和類別(Class)。1970年代的主要造形：函數(shù)/*

C語言程序碼

*/intfunctionadd(intx,inty)

{int

sum;sum

=x

+y;returnsum;}intfunctionmul(intx,

inty)

{int

sum;sum

=x*y;returnsum;}intfunctionexec(

int

a,

int

b){intk

=

mul(

add(a,

b),

100);}void

main(){printf(“%d”,exec(3,5));}?

函數(shù)造形簡單，其內部的組成要素是：指相互呼叫(Functioncall)。

i

組，

述：(

n，t)并。線性排列Stateme律敘規(guī)稱合或造o也有簡單的令(Instruct1980年代的主要造形：類AccountClass+attribute1-function1()?

類造形是對函數(shù)造形加以擴大；結合了屬

性(Attribute)。C++程序碼classCalculator

{int

x,y,value;public:void

set(m,

n){

x

=

m;y

=

n;}void

add()

{value

=x

+

y;}void

mul()

{value

=x

*

y;}int

get()

{return

value;}}//------------------------------------------------classAdderextends

Calculator{public:int

exec(int

m,

int

n){set(m,

n);add();set(get(),

100);mul();return

get();}}//------------------------------------------------void

main(){Adder

adderObj=new

Adder();printf(“%d”,adderObj.exec(3,5);}?

例如C++、Objective-C、Java和C#等語

言的主要程序碼造形就是類別。類別造形

內含2個要素(更小的組成單位)：屬性(Attribute)和函數(shù)(Function)。也有清晰的造形組合規(guī)律：定義了類別之間的組合關

系，例如上述范例里的”

擴充(Extends)”

關系等；并透過內含的函數(shù)來相互呼叫。類別造形內涵楓葉類別類別造形楓葉類別造形鸚鵡類別鸚鵡(內涵)8、軟件的造形組合

最基本組合：

類別繼承(Inheritance)?

類別(Class)的最基本組合(繼承)之一是：父/子類別組合，又稱”基類/子類“組合?；愖宇?4UI//

androidpublicclass

myActivityextendsActivity{@OverridepublicvoidonCreate(Bundle

state){//

……}}Taskclass

Task

extends

Thread{public

void

run(){//

…

.}}public

class

JMain{public

static

void

main(String[]args){Threadt

=newTask();t.start();//…

..}}9、從程序設計到(架構)設計

的心靈雞湯程序師的迷思：基類是穩(wěn)定的穩(wěn)定的共同部分69?

基，

別，所，對不變的)。(相分以基類的內容是穩(wěn)定從子類抽出共同的部放入基類里類是抽象類喝點雞湯，就掌握架構師心靈了

,,,,

基類/子類類別造形類別造形造形基類/子類類別貨柜類別貨柜貨柜內容多變內容多變10、造形組合是儒家文化的缺陷嗎?反思?

牟宗三在1961年的書里，就提了：儒家文

化里，☆只有「理性之運用表現(xiàn)」，☆只有「理性之內容表現(xiàn)」，而缺少「

理性之外延表現(xiàn)

」牟宗三的“良知的自我坎陷說”☆只有「綜合的盡理之精神

」，而缺少「

分解的盡理之精神

」而缺少「

理性之架構表現(xiàn)

」?例如，

甲午戰(zhàn)敗之后，清庭大員們猛然發(fā)新后的日本。因而發(fā)起了維新變法運動。此運動的主角人物張之洞就主張：中學為體，西學為用。列，

的，

足，維英治與明能制不抵僅以不而且還不洋務運動強相抗衡同光以來美現(xiàn)例如：<中學為體，西學為用

>(體/用關系)

西學

中學

?

張之洞在《勸學篇》里寫道：☆“

法者，所以適變也，不必盡同；道者

,所以立本也，不可不一?！薄睢?/p>

夫不可變者,倫紀也,非法制也;圣道也,

非機械也;心術也,非工藝也?！薄?/p>

“

中學為內學，西學為外學

?！?/p>

(變/不變關系)法(可變)

道(不變)

形式不變：<中學

、西學皆可變

>

容。，皆可變。中學和西學都是內將內容與形式分離??形(Form)的不變

中學

西學

簡單的形式多變的內容?

基于張之洞的<造形>，人們就能繼續(xù)替造

形來訂定其清晰而簡單的組合規(guī)律，以便讓人人都能從簡單中組合初復雜(系統(tǒng)或產(chǎn)

品)。就像，將氫氧原子組合成水分子一般。H2O?

這是造形的不變，以及組合韻律的不變；

而不是中學或西學的不變。一棵樹也是形的不變，以及組合韻律的不變；而不是樹

干、樹葉或樹根的不變。理性之應用表現(xiàn)應用應用應用?

從單一造形往外衍生和擴展。?

Ex.太極圖造形。造形內含的兩項要素(陰陽兩儀)，衍生出四象；再衍生出八卦。理性之架構表現(xiàn)11、類別的創(chuàng)新組合--高煥堂提出的EIT造形

classTaskextends

Thread

{public

void

run()

{int

sum

=

0;for

(int

i=

0;

i

<=

100;

i++)sum

+=

i;System.out.println("Result:"+

sum);

}}EIT造形：<基類/子類>結構子類基類界面TaskEIT的變形基類子類界面92?

于此圖里，Thread基類會先誕生一個小執(zhí)行，

叫，然(或

小)

。面函數(shù)ble介nnun的rRu別過類透了Task執(zhí)行緒行該執(zhí)后呼緒classTaskimplements

Runnable

{public

void

run()

{int

sum

=

0;for

(int

i=

0;

i

<=

100;

i++)sum

+=

i;System.out.println("Result:"+

sum);

}}publicclassJMain

{publicstaticvoid

main(String[]args){

Threadt=new

Thread(new

Task());

t.start();System.out.println("Waiting...");}}◎以汽車來做比喻InterfaceEngineTire98EIT99

ET12、EIT造型的架構應用應用◎

雖然，標準化也是減法設計的途徑之一

，

但是基于城市是永續(xù)發(fā)展的，而通信技術是

日新月異的，試圖統(tǒng)一善變的科技，在實務

上顯示其效果的局限性。智慧家庭通訊協(xié)議交通車聯(lián)網(wǎng)范例(一)◎

開放軟件平臺，包容過去、現(xiàn)在和未來的通信協(xié)議，提升了持續(xù)發(fā)展的未來性。通訊協(xié)議E&ITE&IT交通車聯(lián)網(wǎng)智