項(xiàng)目簡(jiǎn)介
客戶是瑞典一家IT公司,項(xiàng)目主要目的為他們的合作伙伴提供在線賭博平臺(tái)。項(xiàng)目分為兩部分:一部分是后臺(tái)內(nèi)容管理系統(tǒng),內(nèi)容管理系統(tǒng)的作用主要是提供快速搭建站點(diǎn),不同的合作伙伴可以根據(jù)自己的需要定制不同風(fēng)格的站點(diǎn),例如合作伙伴可以選擇有授權(quán)的賭博產(chǎn)品,選擇不同風(fēng)格的網(wǎng)站模板,并提供所見(jiàn)即所得的編輯界面,用戶可以快速簡(jiǎn)便的編輯網(wǎng)站內(nèi)容;另一部分即平臺(tái)本身,主要功能包含在線玩游戲,用戶信息(個(gè)人檔案、游戲信息等)記錄,積分充值/兌換。
合作時(shí)間:2014.9~2015.2
項(xiàng)目規(guī)模:共約8人?月
合作模式:固定報(bào)價(jià)
團(tuán)隊(duì)配置:團(tuán)隊(duì)共4人 ,項(xiàng)目經(jīng)理1人,開(kāi)發(fā)人員2人,測(cè)試1人
技術(shù)要點(diǎn):
部署環(huán)境:Window Server 2012 R2,SQL Server 2012, IIS8
開(kāi)發(fā)環(huán)境:Virtual Studio 2013, Kendo UI, C#, JavaScript/JQuery,Ionic
客戶需求
- 網(wǎng)站后臺(tái)需要保證操作簡(jiǎn)單,對(duì)用戶友好,就算沒(méi)有IT背景的用戶不需要任何培訓(xùn),也能順暢的編輯網(wǎng)站內(nèi)容
- 前臺(tái)網(wǎng)站需要兼容PC和移動(dòng)設(shè)備
- 前臺(tái)網(wǎng)站保證高性能,頁(yè)面加載速度快,需要通過(guò)GTMetrix,Load-Impact等在線性能測(cè)試網(wǎng)站的測(cè)試
- 前臺(tái)網(wǎng)站交互性要強(qiáng),任何操作有合適的動(dòng)畫(huà)效果支持(鼠標(biāo)浮動(dòng),點(diǎn)擊,內(nèi)容加載等)
- 網(wǎng)站需要支持多語(yǔ)言,客戶已經(jīng)有一個(gè)翻譯系統(tǒng),會(huì)提供API供我們存儲(chǔ)/讀取頁(yè)面文字
解決方案
針對(duì)客戶的要求,我們做了充分的技術(shù)調(diào)研,我們一一制定技術(shù)方案,完美實(shí)現(xiàn)客戶需求:
- 后臺(tái)管理方案:自定義內(nèi)容管理系統(tǒng),模板化,模塊化 加上所見(jiàn)即所得的界面,使后臺(tái)管理工作非常簡(jiǎn)便,用戶只要選擇好模板,簡(jiǎn)單的拖拽操作就可以快速編輯網(wǎng)頁(yè)內(nèi)容。
- 移動(dòng)端方案:鑒于客戶對(duì)性能的要求,我們針對(duì)Onsen UI,Kendo UI,Ionic,Bootstrap四款流行的移動(dòng)框架,各做了一套Demo供客戶體驗(yàn),最終選擇了性能最優(yōu)的Ionic定制手機(jī)版的界面,大大提升了手機(jī)訪問(wèn)速度和流暢度
- 網(wǎng)站訪問(wèn)速度:一方面我們嚴(yán)格遵循公司代碼規(guī)范和最佳實(shí)踐,避免損耗性能的代碼出現(xiàn);另一方面合理運(yùn)用緩存機(jī)制,大大減少了訪問(wèn)客戶API的次數(shù),提升訪問(wèn)速度,現(xiàn)在即使在中國(guó)訪問(wèn)客戶的站點(diǎn)(服務(wù)器在瑞典),頁(yè)面加載不會(huì)超過(guò)2秒
- 網(wǎng)站所有交互操作的地方都配有友好的動(dòng)畫(huà)效果
困難及挑戰(zhàn)
問(wèn)題 |
采取的方案 |
|
---|---|---|
需求管理 |
客戶提供的是一個(gè)粗略需求文檔,對(duì)于業(yè)務(wù)邏輯,直接提供API,沒(méi)有詳細(xì)的說(shuō)明文檔,并且一些API在使用時(shí)無(wú)法正常調(diào)用 |
開(kāi)發(fā)一個(gè)模塊前,我們先梳理需求,整理不清楚的問(wèn)題和客戶確認(rèn) 我們提前幾天整理出后面可能要用到的API列表發(fā)給客戶,客戶再次測(cè)試并保證API穩(wěn)定可調(diào)用 |
口語(yǔ)溝通 |
客戶先后兩次來(lái)公司協(xié)同辦公,對(duì)我們的英語(yǔ)口語(yǔ)是一個(gè)不小的挑戰(zhàn) |
專業(yè)的英語(yǔ)銷(xiāo)售代表一起參與會(huì)議協(xié)助 我們提前整理需要溝通的內(nèi)容做好準(zhǔn)備,雖然有困難,團(tuán)隊(duì)仍然積極的和客戶用口語(yǔ)交流,客戶表示與我們面對(duì)面交流,效率很高 |
工期緊迫 |
客戶計(jì)劃在2月初有一個(gè)非常重要的演示,但是短時(shí)間內(nèi)我們無(wú)法完成整個(gè)項(xiàng)目 |
和客戶一起重新制定開(kāi)發(fā)計(jì)劃,確定在演示前要完成的高優(yōu)先級(jí)任務(wù) 團(tuán)隊(duì)成員犧牲了自己的業(yè)余時(shí)間,連續(xù)加班2周,最終完成客戶所需功能 |
相關(guān)技術(shù)
Asp.net MVC 5.0
Entity Framework
JS, JQuery, Kendo UI
Html, CSS
Ionic+AuglarJs (移動(dòng)端)
客戶收益
1. 流暢的訪問(wèn)速度,簡(jiǎn)單便捷的操作界面,酷炫的交互動(dòng)畫(huà)使客戶的演示非常成功,他們的合作伙伴和潛在客戶非常喜歡這個(gè)產(chǎn)品,客戶對(duì)于我們前期的工作也給與了高度的認(rèn)可。
2. 客戶對(duì)這個(gè)項(xiàng)目還有更多的擴(kuò)展功能需要開(kāi)發(fā),打算和我們建立長(zhǎng)期合作關(guān)系,將在諾懷外包3人的IT團(tuán)隊(duì)。
系統(tǒng)截圖
首頁(yè)(包含多語(yǔ)言選擇)
游戲產(chǎn)品1:
游戲產(chǎn)品2:
個(gè)人賬戶頁(yè)面:
個(gè)人排行頁(yè)面:
后臺(tái)界面-導(dǎo)航頁(yè)
后臺(tái)頁(yè)面-選擇皮膚(左側(cè)選擇不同的皮膚,右側(cè)可以預(yù)覽效果)
后臺(tái)頁(yè)面-編輯內(nèi)容
手機(jī)界面-首頁(yè)
手機(jī)界面-游戲
手機(jī)界面-個(gè)人賬戶