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