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