一哥科技採用.NET技術打造補教業即時通報雲端應用 - 使用 SignalR、Xamarin、Web API 技術


研發主管的技術抉擇及團隊建立的心路歷程

     一哥科技位於中台灣人文薈萃的台中市,MSDN採訪團隊第一次聽到「一哥」如此響亮的公司名稱,心想該公司的研發團隊應該都是哥之輩的,又聽聞他們的研發團隊使用了一些新的.NET技術 – 包括SignalR、Xamarin、Web API來開發物連網及雲端的應用,因此特別南下採訪了他們的研發團隊。一哥科技曾經設計出第一個結合電子鎖與通訊功能的智慧鎖具C-Lock,爾後再將相關的技術應用在新產品– C-Home,透過兼具保全通報、監視系統、雲端門禁、考勤管理功能的雲端控制服務,搭配專屬服務平台即時遠端操作。它可運用在學校、補習班及安親班,家長只要從手機下載 C-Home補教-學習樂的 App,就可隨時得知孩子是否正常上學及離班情形,讓家長安心孩子的安全。目前共有50間以上的補習班正在使用,台中也已經有學校引進,學生家長們的總使用人數已突破五千人。

▲一哥科技研發部經理廖志明Gary (左2)及其研發團隊成員,主動學習 .NET最新技術,讓公司及個人的技術能力走在最尖端,團隊的向心力更好。

     一哥科技研發部經理廖志明Gary過去曾經是台灣半導體廠MES高級工程師,也曾經在某Embedded領域的電腦廠擔任工程師及PM,常需要評估新產品開發所需使用的技術,帶領團隊成員開發並如期交付。當初剛進一哥科技接下了C-Home 這個新產品的研發,除了時程需在3個月內完全上線外,另外還有兩個技術難題 - 「高負載量及高可靠性的即時通訊技術」、以及「跨平台 App開發」。「這對一個新的研發團隊而言,是一個壓力很大的挑戰,因此對於技術的評估及採用,我們特別謹慎」Gary特別指出。

 打造五萬人上線數的即時通訊 App  – SignalR技術提供高度的延展性
     一哥科技引以為傲的C-Home App端有一個極具挑戰的需求,就是即時通訊。當學生一到班後,透過手機或是晶片卡打卡簽到,系統需馬上發出訊息到家長的手機,告知學生已經安全到校,學生家長無須支付簡訊費用,即能快速掌握孩子的出缺勤狀況,甚至家長與補習班間的即時對話,連對方已讀未讀都能一目瞭然,大幅節省人力及管理費用。「以往要開發這類的即時通訊、聊天室這樣的應用,需熟悉Socket及網路通訊的開發,再加上一旦訊息量大時,又得確保穩定性及訊息能夠快速且頻繁地交換,類似即時通訊App軟體LINE服務。」Gary提到當初想到這些開發的難題,所以最後採用了.NET/C#技術搭配Visual Studio 2013做開發,並使用SignalR技術打造即時通訊的App。

   「去年我幾乎每場微軟的研討會都有參加,也會為了參加研討會而專程北上。因為從課堂中可以獲得很多最新技術的資訊及應用,提供我日後在開發專案時的更多選擇。」Gary分享自己就是透過參加MSDN研討會的機會,了解SignalR即時互動技術。「專案一開始時,初步研究了三項不同的即時通訊技術,最後選擇SignalR,最主要的原因是看到了SignalR的技術改進得很快,再加上網路上的學習資源也很充足,更重要的是.NET技術的人力較容易培養及後續程式的可維護性。」「另外我們開發的專案有Web、App,使用的技術有C#、Java、JavaScript等,SignalR在跨平台及不同技術都提供了API支援,考量到未來的延續性,因此就全心投入研究SignalR並應用於專案中。」

    提到對於C-Home補教系統的架構及未來擴充的規劃,Gary特別指出「我們預計系統會超過數十萬人註冊,同時上線人數可達五萬人以上,因此在設計系統架構時,特別注重大量使用者同時上線的狀況,確保網站及App穩定不會出狀況,剛好你們來採訪前一天,我們正在進行上線前的壓力測試,成果頗令人滿意,驗證了 SignalR技術可以負載大量的即時資訊。」

縮短 App 開發時程以衝刺產品上市–採用Xamarin的跨平台開發

▲一哥科技研發部經理Gary提到:  「招募熟悉微軟技術的人才,培育其技術能力較容易、能更有效率的完成專案」

      當初帶領團隊第一要務就是人員的招募及培養,Gary回憶起一開始建立一哥科技研發團隊時的心路歷程提到:「因為開發App不同平台的特性及API都不同,也使用不同的開發技術及工具,像我們原本打算找懂iOS平台Objective-C的開發者,但因App開發本來就是較新的技術,懂這方面的人實在是不好找。我本身熟悉.NET/C#等微軟開發技術,當得知Xamarin這產品技術,讓C#工程師就可以開發不同平台的App,馬上就投入時間評估並決定採用;而且我們的App開發中會使用到SignalR 即時通訊技術,都是 C#/.NET的程式碼,因此與Xamarin的整合運用也很順利,更讓我們有信心可以在短時間內完成C-Home的產品並上市。」依Gary自己評估,採用 C# + Xamarin 來開發跨平台的App,至少省下30%以上的開發時間,大幅降低同時打造不同平台App的時程。

    一旦決定了開發技術及架構,他們就開始招募工程師,因為採用的技術大都以 .NET為主,在人員技術的養成及後續同仁接手維護都較容易,這些都是身為開發主管需考量的因素。「我們在招募 ASP.NET及C#技術人才也很有優勢,與使用iOS App原生開發工具及技術 Objective-C比較,除了更容易入門外,開發時程也容易掌握,而且同仁們除了可以懂 App開發外,針對Server-Side 的開發也會更加了解,學習的廣度也會較其它技術人廣。這對 RD工程師而言會更有動力,因為他們可以學習到新技術,而不是只懂同一個平台或技術而已。」一哥科技研發部目前團隊總共有11個同仁,分為Web、API、DB及App開發組,除了SignalR、Xamarin外,也帶領大家使用MVC跟Web API等新一代的 .NET技術開發,團隊成員現在合作及分工更有默契。Gary同時強調:「我們使用這些新技術不是為了嘗試或好玩,而是因為身邊有足夠資訊去支援,希望能使用最好的技術帶領團隊開發,讓產品跟競爭對手有差異性,同時團隊成員的技術能力也能因此成長。」他們僅用三個月時間完成這C-Home產品,相信這就是該團隊能力最好的佐證。

    一哥科技原先網站架構是以PHP開發,但由於穩定性及維護不易,未來也將改採ASP.NET改寫並重新設計。他也特別提到重新設計系統架構的重點及好處:「採用ASP.NET Web API這樣的技術來串接,讓各種Client端透過API存取資料,大大地提升系統的共用性並支援不同的Client端應用,這些都會是我們接下來會擴大使用並持續學習的技術」

迎向未來 - 響應式網頁設計及雲端是趨勢
    採訪到最後,問了Gary團隊接下來的計畫有哪些?他提到「響應式網頁設計」(Responsive Web Design, RWD)的必要性,他計畫將公司一些重要的網頁重新設計,讓使用各種裝置,包括電腦、手機或平板的使用者瀏覽網頁時有更好的操作經驗。「看到了Visual Studio 2013中的ASP.NET範本都支援響應式網頁了,我們內建了Bootstrap的JavaScript/CSS 框架,相信改版會更容易」。一哥科技目前已開始進行響應式網站開發設計。

    此外Gary也提到了雲端平台的應用:「因為我們C-HOME產品的服務,需能承載快速成長的使用者,考量到未來Server端的延展性及成本,我們也在評估採用雲端平台,尤其是目前一哥科技的服務大量採用 SignalR即時通訊技術,機房的網路品質及對於瞬間大量能快速地自動延展的要求很高,會評估未來將Server移到 Microsoft Azure,以降低後續的維護成本並增加延展的彈性。」看到一哥科技在設計產品以及提供服務的前瞻性,讓人期待其未來的發展。

 

 推薦SignalR相關教學影片:

講師:王育民  05 |打造即時互動網站(Real-time web)的秘訣-ASP.NET SignalR入門 (台北場)

講師:朱明中  06 |打造即時互動網站(Real-time web)的秘訣-ASP.NET SignalR入門 (高雄/台中場)

推薦SignalR相關文章

SignalR 再次超越你對 Web 的想像 - 建立即時互動的 Web    作者:王育民 - Dino


 

Comments (0)

Skip to main content