PII CMS System

项目简介

客户是瑞典一家IT公司，项目主要目的为他们的合作伙伴提供在线赌博平台。项目分为两部分：一部分是后台内容管理系统，内容管理系统的作用主要是提供快速搭建站点，不同的合作伙伴可以根据自己的需要定制不同风格的站点，例如合作伙伴可以选择有授权的赌博产品，选择不同风格的网站模板，并提供所见即所得的编辑界面，用户可以快速简便的编辑网站内容；另一部分即平台本身，主要功能包含在线玩游戏，用户信息（个人档案、游戏信息等）记录，积分充值/兑换。

合作时间：2014.9~2015.2

项目规模：共约8人•月

合作模式：固定报价

团队配置：团队共4人 ,项目经理1人，开发人员2人，测试1人

技术要点：

部署环境：Window Server 2012 R2，SQL Server 2012， IIS8

开发环境：Virtual Studio 2013, Kendo UI, C#, JavaScript/JQuery，Ionic

客户需求

1. 网站后台需要保证操作简单，对用户友好，就算没有IT背景的用户不需要任何培训，也能顺畅的编辑网站内容
2. 前台网站需要兼容PC和移动设备
3. 前台网站保证高性能，页面加载速度快，需要通过GTMetrix，Load-Impact等在线性能测试网站的测试
4. 前台网站交互性要强，任何操作有合适的动画效果支持（鼠标浮动，点击，内容加载等）
5. 网站需要支持多语言，客户已经有一个翻译系统，会提供API供我们存储/读取页面文字

解决方案

针对客户的要求，我们做了充分的技术调研，我们一一制定技术方案，完美实现客户需求：

1. 后台管理方案：自定义内容管理系统，模板化，模块化 加上所见即所得的界面，使后台管理工作非常简便，用户只要选择好模板，简单的拖拽操作就可以快速编辑网页内容。
2. 移动端方案：鉴于客户对性能的要求，我们针对Onsen UI，Kendo UI，Ionic，Bootstrap四款流行的移动框架，各做了一套Demo供客户体验，最终选择了性能最优的Ionic定制手机版的界面，大大提升了手机访问速度和流畅度
3. 网站访问速度：一方面我们严格遵循公司代码规范和最佳实践，避免损耗性能的代码出现；另一方面合理运用缓存机制，大大减少了访问客户API的次数，提升访问速度，现在即使在中国访问客户的站点（服务器在瑞典），页面加载不会超过2秒
4. 网站所有交互操作的地方都配有友好的动画效果

困难及挑战

 

问题

采取的方案

需求管理

客户提供的是一个粗略需求文档，对于业务逻辑，直接提供API，没有详细的说明文档，并且一些API在使用时无法正常调用

开发一个模块前，我们先梳理需求，整理不清楚的问题和客户确认

我们提前几天整理出后面可能要用到的API列表发给客户，客户再次测试并保证API稳定可调用

口语沟通

客户先后两次来公司协同办公，对我们的英语口语是一个不小的挑战

专业的英语销售代表一起参与会议协助

我们提前整理需要沟通的内容做好准备，虽然有困难，团队仍然积极的和客户用口语交流，客户表示与我们面对面交流，效率很高

工期紧迫

客户计划在2月初有一个非常重要的演示，但是短时间内我们无法完成整个项目

和客户一起重新制定开发计划，确定在演示前要完成的高优先级任务

团队成员牺牲了自己的业余时间，连续加班2周，最终完成客户所需功能

相关技术

Asp.net MVC 5.0

Entity Framework

JS, JQuery, Kendo UI

Html, CSS

Ionic+AuglarJs （移动端）

客户收益

1. 流畅的访问速度，简单便捷的操作界面，酷炫的交互动画使客户的演示非常成功，他们的合作伙伴和潜在客户非常喜欢这个产品，客户对于我们前期的工作也给与了高度的认可。

2. 客户对这个项目还有更多的扩展功能需要开发，打算和我们建立长期合作关系，将在诺怀外包3人的IT团队。

系统截图

首页（包含多语言选择）

游戏产品1：

游戏产品2：

个人账户页面：

个人排行页面：

后台界面-导航页

后台页面-选择皮肤(左侧选择不同的皮肤，右侧可以预览效果)

后台页面-编辑内容

手机界面-首页

手机界面-游戏

手机界面-个人账户