3M時代的網站快速生成平台-garden

新逸科技 / 劉信義

3M即代表支援多螢幕(Multi-Screen)呈現、落實多元應用(Multi-Application)、跨多重作業系統(Multi-OS)運作，不諱言的是我們正處於這個時代當中。面對3M的時代，網頁設計越來越多的面向要注意，以2012的全球網頁設計趨勢來看“content first”這個名詞在2012年的網站設計趨勢議題中排名第一，主要訴求著：如何使內容有效讓使用者捕捉到，而不單是將內容放到網站。另外，緊接火熱議題則是”responsive design”，簡言之乃指：開發過程能考慮到各種不同解析度下的最適呈現方式。

上述兩個議題著實反映出：多螢一雲的趨勢下，網站設計應考量到不同大小顯示情況下，最有效的呈現方式。好的網站不再是為了單一效用而存在，例如：傳統的企業形象網站，換個裝置、換個使用場景亦可能是行動世界中的活廣告。然而當網站設計與開發在以上述觀點為前提下，要開發一個好的網站無論是形象頁面、主題網站、或其他各式各樣的功能型網站，對於現今的需求跟開發者，免不了將各自面臨到下列問題： 

●就開發者而言

1.網頁的前台設計如雨後春筍般的冒出：

撇開個進階的種種設計框架不談，光要開發出一個好的前台，免不了要懂得下列的語言，才能提供一個效益不差的網站，上述語言諸如html4、html5、javascript、jQuery、ajax、css、css3等，每種不一樣的語言或設計方式，於網站中皆有著不同的定位與作用，這對開發者來說確實是一大困擾。 

2.前台開發與應用程式最大的區隔性：美感，這一點可不能輕忽，一個優質的網站或許可以幫助公司或店家帶來數以萬計的商機亦不誇張。尤其，在app或新型電子媒體量產的年代，我們所面對的終端使用者，不自覺的會以身邊最美好的使者介面跟使用體驗極佳的應用程式來跟各式各樣的前台呈現畫面比較，所以辛苦設計出流程後，往往隨之而來將面臨另一難題：就是如何設計出一個具質量的網站風格，將內容本身的價值再提升。總言之，在口碑跟病毒式行銷的社會中，網站的開發與經營上"設計"這議題已經是個免不了的趨勢。 

3.後PC時代的來臨：當我們好不容易將技術結合了美學設計之後，業主開始發現了一個更大的議題，就是"多元裝置時代下，大幅改變了用戶的使用習慣"，這議題衝擊了內容提供者，也就順勢變成了開發者不得不面對的問題：如何在不同視頻大小給予最佳的內容展示與呈現，成為了現今最火熱的前端介面開發議題。又開發完成後，多種版本的反覆開發跟維護下將使得系統的一致性與可靠性面臨高度挑戰。 

● 就需求業主而言

上訴3點將使得系統決策者面臨到的最大挑戰就是導入成本的高漲，迫使大企業停滯於現有網站暫且停看聽，小企業乾脆放棄投入多螢幕的網站經營當中。 

有鑑於此，新逸科技，在不斷的專案經驗累積與研發下，開發出"garden"系列的產品服務，目的是將技術本位的開發，逐步轉向技術與設計雙核心的結合，以求快速提供使用者一個具視覺饗宴且極易管理的商務網站平台。此外，在提供美好的網站設計的同時，更引進了國外網頁設計這幾年內大力提倡的設計概念"Responsive Web Design"中文稱之為自適性網頁設計，其核心的理念是希望能採用單一次的開發，便能有效應用在不同解析度的裝置中，提供單次開發多螢幕使用的概念。此外，更往前一步garden將網頁呈現的內容能無縫的跟手機的app結合，達到自動化封裝成app的效益，只要針對網站輕鬆點選產生apk就可立即產生android apk，馬上可以裝於手機上使用，這樣的架構設計純粹是從使用者角度出發不斷的提供能滿足他們的最佳使用情境。關於garden特色詳細的介紹如下：

1.過去服務在雲端，現在資料在雲端，未來開發在雲端。garden採行了無所不在的純雲端開發設計環境，只要支援html5的瀏覽器，將可隨時隨地進行開發，對於系統開發者跟內容管理者而言，將不再依附特定套裝軟體…特定設備…特定場合…特定作業環境…等限制，只要有聯網裝置，將瀏覽器一起動，即可立即進入屬於你的開發環境跟開發系統，正式進行編輯跟發佈。

2.樣板式開發導向，garden中提供了美感獨具的網站版型庫，提供開發者跟終端使用者可以直接套用，如此可於開發的第一步即可想像整個網站成果，讓網站的前期設計或發想週期大幅縮短，亦使技術的開發跟美學的結合緊密結合。我們深信一個好的網站服務體驗，將大幅提高企業形象及給予欲接觸客戶一個美好的第一印象，在網路行銷充斥的環境中，garden希望提供給你一個平價時尚的網站開發與作業環境。

3.所見及所得的即時性編輯介面，大幅降低開發入門的使用狀況。在garden中採用了"執行時期的編輯引擎(runtime editor)"技術，可以使開發者或網站管理者不須採用其他工具，在原定進行內容的調整與編輯管理。

4.自適性網頁設計特色，garden對於網站樣本的要求總站在使用者的立場上為客戶把關，一直以來我們不斷思索著，針對同一個網站在不同裝置上的最佳化呈現而努力，我們導入了Responsive Web Design的設計方式，自適性的網頁設計徹底將邏輯與呈現樣態分離，簡單來說你不必再為了不同樣態的網站請美工交付多種版本的文案跟html檔案，一方面也讓開發者可以免於重複在不同尺寸下開發著相同的多種版本的相同邏輯程式。採用自適性設計的方式對管理者而言只需專注於不同尺寸下內容該如何擺放與取捨，開發者則可以專注在邏輯處理即可，至於尺寸大小不同的呈現風貌將交由garden處理即可，當然garden在處理過程中將細心地力求畫面無論是在PC、NB、iPad、iPhone、android熱門的設備上都能有一貫性的設計與呈現風格，力求給予網站瀏覽者一個更貼心的介面設計。

5.appSite的設計架構：appSite不只是app，它還是個site。Native app當然有它的好，但網頁式也是有它的需求在的，尤其是對企業用戶，畢竟服務都會希望在多元的管道都可以進入或藉以接觸到更多的終端使用者。雖說現在已進入後PC時代，但…PC依舊是最佳的工作平台，這是手持式裝置目前無法取代的，這點無庸置疑。然而，真的需要開發一套native app又發展一套website service嗎？這對軟體工程來說又不符合成本的精神，對日後的版本控管更是雪上加霜，所以都不是一件好事。所以新逸科技提出一個全新的服務架構”appSite”，採用的解決方案乃是利用native webview當成app，而開啟來的時候，其實會去抓取網站的資料進入，這樣就會變成：signal site multi-dimension using，這是一個極度符合開發成本並且易於往後維護的整合解決方案。