留言討論


分享本文至 E-mail 信箱

擔心「程式力不足」?來試試一行程式都不用寫就能開發 App 的 Bubble

文/張蓉安

每次看到工程師們螢幕上的黑底、一行行宛如天書的程式碼,總會有一股「尊敬感」油然而生,因此這場號稱「 完全不需程式碼即可撰寫 App」的工作坊,便是抱著一半懷疑辦一半期待的心情去參加。

5/26,Bubble 於 AppWorks 舉辦了工作坊,由共同創辦人 Emmanuel Straschnov 帶領參加者一同體驗所謂「視覺化」的創建過程。工作坊一開始,Emmanuel Straschnov 用流利的中文說:「今天我主要還是會用英文進行,可以嗎?」

Straschnov 說自己與亞洲的緣分其實很深,他的父親曾於 70 年代來臺求學,後來在北京認識了母親,Straschnov 自己前幾年則於中國大陸擔任管理顧問,多年來十分熟悉亞洲市場,中文能力自然成為利器。「這是我第一次來臺灣,這裡的 Bubble 用戶目前只有約 30 人,希望能藉由工作坊推廣給更多人。」

Bubble 的共同創辦人
Bubble 的共同創辦人Emmanuel Straschnov

捨棄程式碼,擁抱視覺經驗

Bubble 是一款能夠讓使用者只透過「視覺操作模式」製作專屬 App 的服務。Emmanuel Straschnov 和共同創辦人 Josh Haas 深感網路已經發展了約 20 年,依舊常讓人覺得難以親近,便於 2012 年開發 Bubble 架設工具,以「讓所有人都能參與創造 App」為宗旨,致力縮短人們使用科技時,因技術障礙而產生的鴻溝。

提到視覺化撰寫程式,人們可能會想到 PHP、Python 等程式語言,不過 Bubble 的野心更大,要直接跳脫程式,完全以視覺模式來創造使用者想要的 App,從介面設計到資料輸入,完全不需要撰寫任何一條「code」。

聽到這我們不禁疑問,這不是類似 Mac 系統的 Xcode 嗎?但是 Xcode 雖可以透過簡易的拖拉與內建模組,實際製作起來卻很難客製成使用者想要的版面,總是有些生硬線條及實務限制啊…… Emmanuel Straschnov 沒多做解釋,而是開始帶領聽眾一步一步操作 Bubble,並笑稱本次 Workshop 的目標便是:創建一個具有完整功能的公寓交易平台。

點開 Bubble 的官方網站,映入眼簾是最簡單的影片說明,震撼的宣傳語「不到四天即可翻模複製推特!」「只要選取和點擊即可創造專屬 App!」狂妄地跳進初次造訪者眼中。不過比起這些,最吸引我的倒是「不用下載」這點,只需在官方網站上簡單幾個步驟註冊後,即可使用。

螢幕快照 2016-05-26 下午4.18.50

既然目標是創建公寓交易平台,Straschnov 首先建立了兩個頁面:sell page 和 buy page,兩者所需的功能、介面設計都不同,例如在 sell page 中,需要創建建物代售價格、建物地址、建物圖片等,而 buy page 則可以加入地圖及聯絡賣方等功能。隨著 Straschnov 熟練的操作,可以看到這中間每一步的選擇 — 包括決定對應功能、插入圖片,真的都沒有鍵入任何程式碼。

螢幕快照 2016-06-01 上午1.56.44

社群 = 學習

經過約 20 分鐘,Emmanuel Straschnov 已經將三棟建物(臺北 101、AppWorks、臺北火車站)放到交易平台上。

當然,完成的是相對「陽春」的介面,要能更順暢使用需花更多時間與 Bubble 相處,不過 Straschnov 說,Bubble 絕對能滿足 95 % 的軟體及使用者,包含地圖、連結外部信箱等任何需要使用 plug in 的需求;剩下的 5 % 他們也不打算放棄,Straschnov 想讓 Bubble 使用者透過「教」與「學」重新在網路世界中找回學習的樂趣,鼓勵大家透過 Bubble 官網中的附檔文件及論壇專區互相討論切磋,更歡迎直接向開發團隊表達進一步需求。

那為什麼不開放讓有進階需求的使用者直接修改呢?Straschnov 說這就違背了 Bubble 的宗旨了,「我們想要的就是人人都能不寫到任何一條程式碼便完成 App,因此在背後的技術部分,還是讓 Bubble 團隊來傷腦筋吧!」

「越早讓潛在使用者接觸產品,越能有良好的回饋,也讓開發團隊更快知道未來的努力方向。我們秉持這個概念,Bubble 的最初架構設計是從紙上開始,而非電腦;並設想使用者所見所為,一步一步推敲使用習慣,任何在電腦視窗裡的點擊和滑動都還原到 workflow 中。」Emmanuel Straschnov 說。

螢幕快照 2016-06-01 上午1.03.00

Bubble 目前的收費模式是由用戶的「伺服器使用程度」來判斷,平均為一個月 19 美元(約 600 臺幣),而伺服器使用亞馬遜伺服器,並在亞洲設有虛擬伺服器。至於是否考慮大規模開發中國大陸市場?Straschnov 說目前還沒有詳細計劃,不過預計明年會開始進行。「在亞洲地區,老實說我們不擔心技術問題,能不能滿足地域性用戶才是最需思量之處。」

現場觀眾提問,是否有將 Bubble 中文化的打算?Straschnov 表示短期內不會。接著,他突發奇想地現場測試,將 Bubble 內鍵入的中文字使用 plug in 後套用不同字型,竟然成功了!

打造網路世代的另一種「程式力」

最後,Straschnov 再次強調,沒人有把握電腦與網路世界會如何發展,他們絕非否決程式語言的功能,而是力圖開拓另外一種途徑,讓在程式語言面前相對「弱勢」的使用者,能透過視覺經驗的直覺性、配合開發團隊建立的完整系統,完成本會耗費極大心力與工時的產品。

「Bubble 是一項讓網路世界更開闊、更具創造力的服務,輔助人們不必透過技術訓練也可以取得程式力。當然,使用者還是必須建立使用邏輯,所以『程式力』依舊存在,只是脫下了 code 形式,轉而以視覺樣態呈顯。Bubble 無可否認的有其侷限性,但這並不阻礙我們走向大眾。」

Cover photo via romana klee@flickr, CC License

關於作者


PanX 泛科技

PanX 泛科技從科技議題著手,企圖把未來更清楚地描繪出來。從能源議題、金融科技、生物科技,到物聯網、大數據、工業4.0、自造者,都是我們專注的內容。本帳號也會發布來自其他單位提供的新聞稿。

留言討論


網站更新隱私權聲明
本網站使用 cookie 及其他相關技術分析以確保使用者獲得最佳體驗,通過我們的網站,您確認並同意本網站的隱私權政策更新,了解最新隱私權政策