線上設計平台 Fotor

免費的 Fotor 修圖/拼圖工具,是以 Flash 技術開發,而這項技術已經走入軟體生命週期的末期 (Adobe 早已終止行動版本研發)。最新版的 Fotor (正體中文) 採用 HTML5 重新開發,也將擺脫 Adobe Flash Player 束縛。 因為中國大陸團隊所研發的軟體,目前已含正體、簡體中文界面,也可以選擇中文字型來設計排版喔!

Fotor Online
閱讀全文⊳

從 Flash 到 HTML5

回顧轉型為網路印刷 (現在稱為雲端印刷) 方向之初,當時 (2005 年 Adobe 收購 Macromedia) 國外正如火如荼地推出個性化 (DIY) 印刷,讓顧客線上客製化桌月曆、相簿和卡片等這三種印刷品,可以每本或每張都不同。這類型線上編輯工具都是採用 Adobe Flash 技術開發,因為它是那個年代的主流技術,我們自然也使用這個 Flash 技術研發,推出我們的線上 DIY 編輯軟體。

使用這項技術的好處是,那時候的網路瀏覽器幾乎都內建 Adobe Flash Player,客戶不需要下載及安裝任何額外軟體,可以直接在瀏覽器上開始線上編輯/設計頁面,非常地簡單方便。快轉十二年時光,現在各家智慧手機上的瀏覽器,早已不支援它,而桌機的瀏覽器也開始限制 (詢問執行) Flash Player 的執行,這正式宣告 Flash Player 就快走入歷史,跟大家說再見了。

新一代的網路霸主 HTML5 儼然已是主流,這一、二年軟體公司都忙著從 Flash 轉換到 HTML5 的軟體開發 (又是軟體公司數鈔票的時機)。新年新希望,我們規劃大半年的 HTML5 版線上設計平台正在趕工中,先分享它的軟體雛形設計,今年將面世替代 Flash 舊版本。網站也正在大改版,加入我的購物車功能,更接近一般網路購物平台的操作用法。

Flash 回顧及成功關鍵

又到年終,來個歷史回顧吧!經過 20 年的輝煌歷史,曾經是主流 (每個網路瀏覽器 Browser 必裝) 的多媒體播放器「Flash Player」,於 Adobe 官方確認會在 2020 年終止支援與更新後,也正式宣告 Adobe Flash Player 將走入歷史,跟 Internet 說再見了。各家瀏覽器也會在此之前,陸續禁止 Flash 軟體的安裝與執行。

一點歷史回顧,Flash 的前身叫 FutureSplash Animator,1996年 FutureSplash Animator 賣給了 Macromedia 改名為 Macromedia Flash。2005 年 Adobe 收購 Macromedia,成為現今的 Adobe Flash,當年一飛衝天的 YouTube,就是使用 Flash 影音播放器 。Flash 在當時儼然是影音市場的標準格式,稱霸整個 Internet 環境,包含知名的 Nokia、NTT DoCoMo 等手機市場在內。

Flash 成功的關鍵,就在上圖的 MX 字眼裡 (出自 Play Bigger 新書)。Macromedia 經營 Flash 的頭幾年,雖然持續推出新版軟體,但營收成長沒有變化。找來 Play Bigger (該書三位作者) 做諮詢顧問,重新找出軟體定位,公司標語成為「eXperience Matter」。

他們力促該公司以能夠幫助網頁開發者和設計師創造優質使用者經驗 (User Experience) 來打響名號,而開發出一個 Rich Internet Application (簡稱 RIA) 的新品類,將五花八門的所有產品,包裝為叫做 Macromedia Studio MX 的新產品。這樣徹底改變了該公司的營收及市場地位,最終 Adobe 以 34 億美元收購 Macromedia。

書中秘辛:賈伯斯曾拜訪 Adobe 有關 iPhone 計畫,希望能投入人力開發 Flash 手機版,但當時 Apple 在市場上無足輕重,Adobe 僅指派四名工程師,簡直是杯水車薪,這個錯誤決定讓 Adobe 失去手機市場,應該是悔不當初吧!

新版的線上 DIY 產品介紹動畫

自 2012/8/16 起 Adobe 正式將 Adobe Flash Player App 這套軟體從 Google Play 商店下架,意味著 iOS 與 Andriod 的智慧手機,已不能再使用 Adobe Flash Player 了,也等於宣告 Flash Player 將逐漸退出資訊市場,揭示了屬於 HTML5 的全新時代。

Flash舊版隨著各家網路瀏覽器 (Browser) 開始轉向投入 HTML5 的懷抱,公司網站將逐步汰換 Flash Player 的使用。去年底 (2012/11) 首先更新網路檔案上傳模組-Plupload 支援 HTML5,這次則是替換 (見上圖) 線上 DIY 產品的簡介動畫,採用 jQuery 的 FlexSlider/Cycle 外掛模組 (如下圖) 來取代 原先的 Flash/SWF 動畫功能。

jquery 新版在新版的 DIY 產品介紹畫面上,點選動畫下方的圓點或方點,來挑選動畫頁面 (page),或是動畫左右邊的箭頭按鈕,跳至上頁或下頁。網站更新版本之後,不但個人電腦不需要 Flash Player,智慧手機上也可以支援觸控介面,操作更加方便了。

線上互動編輯器(DIY Editor)上線囉!

為了方便採用數位印刷客戶製作桌曆月曆和掛曆,經過幾個月的辛苦趕工,終於在2010年桌曆與月曆製作季節前,開發完成可以在瀏覽器上,直接互動 (Interactive) 編輯桌/月曆的 應用軟體。不需要下載任何軟體與安裝,並且即時看到編輯的結果。

在 Adobe Flash Player 上開發 RIA (Rich Internet Application) 軟體,一直是公司的既定目標,也是未來網路應用的趨勢所向。一般這類型應用的作法是,要求使用者先下載桌面(Desktop)應用軟體,經過安裝與設定之後才能開始使用,而且後續的每個版本更新與資料維護比較麻煩,換另一台電腦也要再下載、安裝和設定,可攜性很低很不方便。

為了配合新舊兩個版本並存的需要,這個新版本的 DIY Editor 先僅提供較基本的功能 ,以與舊版本 (shop.eprint.com.tw)相容,明年將推出功能更強大的編輯與檔案管理軟體。有興趣的人可由此進入試用