2012年5月7日 星期一

創業實現![網站+iOS App 只要4500元? ]


[likeboy技術完全大公開!]

總算又有時間再來分享經驗給大家,這是我最熱愛也是最期待的事情了,這次利用很多的免費資源與技術來完成這個服務。台灣的Facebook已經熱了好一段時間了!但一直都沒有專門在介紹相關粉絲團的網站,也因為突然想到likeboy 這個idea就開始立刻著手進行了開發了,然而真正的likeboy到底做些什麼事情呢?主要就是透過Facebook粉絲團的排行來知道每天最活躍在Facebook中的粉絲團有哪些?有哪些新進入的粉絲團?分類排行榜粉絲團冠軍是誰等等!但其實最終的目的是希望更多慈善、社會愛心類的粉絲團可以讓更多人知道,這些才是社會需要的也才是大家更應該注目的,因此很興奮的立刻開始開發這樣的平台來提供給使用者。

技術相關大分享,主要分成網站手機App,本次先以網站來說明


網站開發使用環境與架構

     1.PHP程式語言
     2.Facebook API 串接
     3.Parse(parse.com)的雲端資料庫(database)服務
     4.OpenShift(openshift.redhat.com)的雲端伺服器


     1.PHP 程式語言

        使用ㄧ般的PHP程式開發且沒有使用任何framework,在程式內有使用到curl的method去呼叫Facebook取得所需資訊,且透過Parse(parse.com)雲端資料庫所提供的PHP SDK來存取likeboy的資料,包含likeboy的粉絲團建檔、粉絲團維護、粉絲團排行的計算分析。簡單的語法可以參考W3Schools.com網站的教學。



大概用了ㄧ些ㄧ般的PHP語法$_REQUESTjson_encodejson_decodecurlparse library(Parse PHP Library)就這樣,再搭配html+css ㄧ切都是非常單純的技術,非常容易取得範例的程式碼。


     2.Facebook API 串接

        這個部分官方有提供完整的文件說明要取得哪些資訊就呼叫哪些API,使用了Graph API取得粉絲團的相關資訊,例如我要知道NBA粉絲團相關資訊就呼叫http://graph.facebook.com/NBA就可以取得跟該粉絲團的id、圖片、簡介、按讚人數、討論人數、分類等等訊息。目前這些範例網路上也是非常得多,幾乎都不用寫程式碼只要你看得懂找程式碼來用就可以了。

     3.Parse(parse.com)的雲端服務

         Parse內的服務其中有ㄧ個是屬於nosql的雲端服務且類似我們常常提到的Mongo Database,在這個服務上面有分非常多不同平台的SDK,因此對於ㄧ個開發跨平台的服務Parse真的是個很棒的解決方案,省去你架設資料庫、撰寫API,要做這些是不如多花時間在用戶使用經驗上(UI)更有用的分析數據資料上。



         另外費用非常低廉,基本上可以說對於新創網站來說你的幾乎是不可能付到ㄧ毛錢的,想要達到每個月100萬次api呼叫才需要開始付錢,若我們以ㄧ個月30天計算,1天也要達到3萬次Query才可能達到接近90萬次阿,另外每次Query都可以使用Cache機制,光用Cache機制又讓你省下Query次數,所以真的非常適合用在創新的服務上,以下是官方提供的報價數據。



         另外Parse還提供Apple Push Notification Services(APNS)服務串接,簡單好上手的後台,您只要在後台上傳你的APNS 憑證且搭配發佈的後台,你就可以輕鬆發佈訊息給每個下載安裝App的使用者,以下Parse的使用參考畫面。






Database使用狀況,跟傳統的Database的UI工具有點類似,可以快速知道有多少Table,Table內有多少record等等資訊


推播後台,可以選則推播的頻道,可以指定推給Android  or IOS ,也可以指定時間推播,設定完後在填入您想送出的訊息


透過PHP存取Parse的範例程式:他的語法相當簡單清楚



      4.OpenShift雲端伺服器

              Redhat最近推出的雲端服務,他是ㄧ個 auto-scaling Platform as a Service(PaaS)且又免費,之前參考了很多免費的hosting,但太多限制了!!!針對Parse的API要用curl 方式讀取API,幾乎所有免費的hosting都無法使用!!因緣際會下發現了OpenShift居然有Free,而且老實說他支援的平台也很多,且又容易使用比較之下筆Amazon EC2更簡單好用啊,簡單幾個步驟就可以把domain name註冊好且擁有簡單好用的後台,搭配Git 來把所有的程式同步至OpenShift 伺服器上


註冊登入後可以管理與建立你自己得網站,以下是我的管理後台



若需要加入一個新的網站只需要按下Create a New Application,接著他有非常完整的流程,從選則環境語言、domain name、Git 路徑設定等等,都簡單化了



接著去下載ㄧ個Git 同步工具吧!小弟我用SourceTree for Mac 來同步,簡單又好用!!


最後公佈開發時間與成本


1.開發時間 :

     a.手機App只花了約3~5小時,因為功能非常簡單又搭配Parse的iOS SDK。

     b.網站的部分也非常簡單,只用了簡單的CSS+圖搭配Parse PHP Library 差不多花  了1-2天時間。

     c.設計約花了2-3天時間整體開發時間可以說真的蠻省...因為運用跨平台的解決方案+熟悉   好套用的技術因此真的可以把專注力集中在idea上

2.成本:

     a.主要花費在註冊AppStore 的Apple Developer 帳號 3200元台幣
     b.likeboy.tw的網域註冊費OnlyDomains 只花了美金28元 (1200左右台幣)
所以實際花費約4500元

結論:

目前網際網路上已經有非常多的免費資源與開放原始碼(OpenSource),其實對於大多是的新創服務開發者都是可以值得考慮使用的!往往它可以讓你省下不少荷包跟開發時間,讓我們可以專注於idea或使用者經驗上,但確實台灣非英語系國家,這些東西若沒有中文化或沒人去簡介去推廣確實知道的人不多,這樣其實很可惜!台灣很多人都非常有創意但老是欠缺ㄧ個技術來作!實在可惜,希望未來可以跟大家分享更多相關的東西,讓更多有創意的人可以發揮。

ps .所有心的人只要空下你的週末兩天其實就可以透過這些工具讓你的idea可以實現,下篇我會繼續分享iOS likeboy開發經驗,請期待如何可以在3-5小時完成likeboy App技術大公開



likeboy 網站:http://likeboy.tw
推薦部落格 :http://iosbible.com/







2012年4月11日 星期三

關於 溝通、寫文章、Coding



最近好久沒有寫部落格,老實說有點退步了~
因為說話表達、寫文章跟Coding是三件不一樣的事情,針對這個問題我自己觀察了很久!我今天就想要在部落格中談談這件事情~

過去當我自己沈溺在Codingㄧ段時間後,你會發現你的表達能力明顯的低落了!講話更簡短且更直接,有些人會認為說這樣很好阿!簡單明瞭,但這樣其實對於ㄧ般人聽你說話可是會很痛苦的,所以每當自己太專注在Coding上的時候,我真的蠻建議工程師多去看書或者做想辦法做簡報,用這樣方式來重新培養你說話的邏輯,因為當我們是做工程師的時候腦袋思考主要是直線思考,我猜想是ㄧ直往下、ㄧ值更深入,為了就是找出解決方法,所以往往工程師到最後說話都會變得怪怪的,但並不是你的錯!我想是大腦習慣才會這樣吧!

所以這個時候你更應該去做ㄧ些讓腦袋連來連去的思考方式,首先最簡單的方式就是去找ㄧ本正面的雜誌來看吧,裡面的文藻至少是很通暢豐富的,可以讓你的腦袋本來從直線思考變成關連思考的狀態,若這個時候你想要讓自己恢復得更快,你可以去找地方做簡報(Presentation)或者大量的思考討論,此時你會發現你的溝通能力恢復很快,這是真的!

那到底表達、寫文章、Coding三件事情到底應該怎麼培養呢?我個人是覺得若可以先培養溝通再培養Coding,最後在加強寫文章能力,個人覺得會比先Coding->寫文章->表達 或寫文章--->表達->寫文章 來的好,不見得每個人都是這樣喔!

為什麼要先學表達呢!就如同前面所說Coding思考是直線的方式,若人ㄧ直處在這個狀態那思考就會很直線,所以當需要表達或寫文章需要關聯思考的時候就會變得很辛苦!

因此建議Coding的人可以常常寫都要有創意!想到什麼idea就去思考就去做!邊做邊跟身邊的人介紹說明,讓自己的表達能力進步!但創意的部分盡量以生活為主去發揮會更有效果!這樣同時培養能力會超過你的想象,最後還會意外收獲,建議大家可以試試看噢~


2011年11月3日 星期四

用Flash打造跨平台遊戲App


Flash已經存在我們電腦多年!會寫Flash的人也不少~很高興的Adobe推出新的Flash開發工具,讓原本懂Flash的人也可以加入iOS/Android App開發的行列中,老實說這對Flash開發人員來說真的是ㄧ大福音,因為你比更多工程師的開發Range又更大更廣了...

這次在公司內為了解決我們跨平台的需求,除了Web技術外我也嘗試將Flash技術運用上了,所以我跟同事在公司合作開發出了這系列的Word Game




"關鍵字達人" - 這是一個美工跟Flash與文字技術合作的完美作品,這些可愛的人物可是特別請人家設計插畫的,透過美編處理的人物交給Flash人員,串接的結果才有這麼生動可愛的遊戲,當然最重要的遊戲內容是由HitHot 技術計算出來的!因此遊戲可以同時提供30國以上的支援,可說是非常的多元呢!


這個App算是Flash美工開發出來一款很棒的遊戲,我參與了規劃、api串接跟Flash無法解決問題時協助解決flash問題,也跟美工討論遊戲情境,老實說這款遊戲可是花上挺多時間的!!當然最重要的還是Flash美工很優秀才可以提升這款遊戲的完整豐富度...



這次的試驗發現Adobe真的把工具最的很好!讓Flash開發人員開發完後,很快的匯出iOS/Android版本,當然還沒到很完美,例如Android還要另外安裝Adobe Air,光這點我就覺得很不合理!希望未來的Android可以內建Adobe Flash相關應用程式! iOS部份Adobe可是完全將Flash程式轉換成Objective-C 效能從Air 2.7之後可以說有很大的進步阿!!!


所以目前看起來效果都算ok,有機會大家也可以安裝看看喔...



打造跨平台新聞閱讀App



千呼萬喚!
一個跨平台且支援超過30國以上語系的新聞App(Tuxinwen)總算推出

這是一個使用PhoneGap framework打造出來同時跨iOS/Android的App,這個App可是花上不少心力,除了Web開發技術之外,因為需要使用一些特殊功能,因此必須讓javascript能跟原生的Objective-C與 Java做溝通,老實說這個App的開發頗有挑戰的!但當然是必須分工的!所以這個App算是Native跟Web整合出來的App

你一定會想問我!到底什麼是圖新聞(Tuxinwen)呢?簡單來說我們就是想要打造一個新的閱讀新聞方式,透過HitHot本身強大的關鍵字運算技術,計算出最即時最熱門的關鍵字,接著Tuxinwen透過這個熱門關鍵字幫您蒐集新聞,並且為了考慮User大量閱讀新聞的痛苦,我們將文字去除改用顯示新聞圖片的方式來讓使用者自己決定他要認真看那一篇新聞,聽起來是不是不錯呢!

Tuxinwen為了讓User習慣大家的閱讀方式,還特別將新聞分成常見的熱門、娛樂、生活、科技、運動等分類,並且提供一個全新在地分類!!什麼是在地分類?就是透過GPS定位之後可以取得您目前所在位置,根據這些位置資訊提供您目前所在地的當地新聞?聽起來相當不錯吧!!!
除此之外我們還提供您在您附近的生活資訊(包含食、衣、住、行、育、樂)~


這個App可是相當棒的!希望大家也可以去試試看看摟

2011年5月31日 星期二

HitLuck 上線瞜

HitLuck終於上線!



本來在做一個圖片服務,沒想到做一做大家開會討論的時候,突然主管給了靈感而產生了現在的HitLuck,這是一個我很喜歡的服務之一,因為他有著兩個非常重要的元素,第一個就是“神祕”,第二個就是“炫”,為什麼有神秘的元素呢?原因就再於他是一個類似抽獎的概念,我們用熱門關鍵字的技術,加入了隨機抽出一個熱門字當成新聞的base,接著呢就找出所有含有豐富圖片的新聞,不要小看這個Lucky動作,他可是會讓你點上癮的!!!因為你永遠不知道下一個你會看到什麼新聞。
再來為什麼炫呢!可能很多人的定義中這還不到炫吧!不過至少他減少你閱讀文字的痛苦、減少你瀏覽新聞的時候,你只需要用眼睛閃過你大約概就知道這頁在說什麼新聞吧!光這的應該可以吸引不少使用者的眼睛吧~

目前這個版本主要是設計給Tablet瀏覽的!當然電腦上閱讀也是可以獲得很棒的閱讀經驗的!看我說了那麼多要不要來體驗一下,一個新的新聞閱讀選擇HitLuck


ps.請期待 iPad /iPhone/Android app推出

2011年1月11日 星期二

iGoogle & MyYahoo Gadget上架瞜

iGoogle Gadget


最近將HitHot的關鍵字服務搬上 iGoogleMyYahoo上,兩者試用之後確實有著顯著差異,首先來說iGoogle吧!Google 還是過去的作風大量使用OpenSource ,所以基本上我使用了OpenSocial與Javascript就快速完成了Gadget ,最後也補上支援22國家語系的Gadget,老實說真的很Easy~

MyYahoo Gadget



MyYahoo部份老實說相當令我失望,原本寄語厚望的YUI工具,居然沒辦法完全支援!過去曾經大量使用YUI而對它產生許多好感!這次使用讓我對Yahoo感到失望~雖然Yahoo支援的寫法很多!但每個寫法的說明都不夠清楚簡單,最後完成的版本完整跟美觀度都沒iGoogle來的好~

整體來說!現在寫服務的方式真的很多種!像這種不用自己經營網站的方式來推廣自家服務,老實說我覺得比開個網站來的好經營,很快你就會發現使用者增加速度蠻快的!不過還是要繼續看下去才知道真正的威力!所以運用對的技術在合適的平台真的很重要!

2010年9月27日 星期一

近期發佈的兩款iPhone app


近期在公司所開發的兩款付費app,分別是HitHot台灣HitHot USA 這兩個app算是提供該地區之即時新聞的關鍵字,其實這個服務也有做一些類似LBS服務,例如提供台灣各縣市之重要關鍵字或者全美重要城市之關鍵字等等。

目前此階段希望提供app使用者能"" "方便" 方式來掌握資訊,此服務就是希望使用者能竟量不需要輸入關鍵字去搜尋去找資料,只需要動動你的手指點一點我們提供給您的關鍵字就可以做到很多平常要看新聞做的事。


ps.希望大家不吝嗇的話多多給我支持與批評指教,畢竟國產app還是太少能有大家支持台灣才會有更多app出現..