绩效管理系统 CXPMS

ComingX Performance Management System

系统功能:

  1. 绩效CMS,包含新闻、通知、栏目等
  2. 员工管理
  3. 部门管理
  4. 任务模块
  5. 年度总结模块
  6. 年度计划模块
  7. 满意度评价
  8. 问卷调查

项目案例 黑龙江妇联绩效管理系统

学术会议系统 CXCS

ComingX Conference System

系统功能:

  1. 会议CMS,包含新闻、通知、会议主题、子主题、会议组委会等
  2. 参会人员注册,会员自主注册、信息采集
  3. 摘要相关,摘要提交、摘要审稿分配、摘要审稿意见、摘要状态管理
  4. 论文相关,论文提交、论文审稿分配、论文审稿意见、论文状态管理
  5. 会议费缴纳
  6. 宾馆预订

项目案例 ispemi国际会议

微客评网站上线

浏览器:ie8+, FF, Chrome, Safari, Mobile
URL: 微客评官网

微客评官方网站

Apache2 mod_deflate 开启网页Gzip压缩

利用mod_deflate 对网页文本文件进行Gzip压缩后再返回数据,能够有效提升数据传输量,提升访问速度,但是进行Gzip压缩需要消耗一定CPU资源。
默认Apache2已经加载mod_deflate.so模块
LoadModule deflate_module modules/mod_deflate.so
如果没有在httpd.conf中添加此句

随后,我们需要进行一些配置

<IfModule mod_deflate.c>
#打开Gzip
    SetOutputFilter DEFLATE
#对text/html text/css text/xhtml等文本文件进行压缩
    AddOutputFilterByType DEFLATE text/*
#对js 等script文件进行压缩
    AddOutputFilterByType DEFLATE application/ms* application/vnd* application/postscript application/javascript application/x-javascript
#对php数据进行压缩
    AddOutputFilterByType DEFLATE application/x-httpd-php application/x-httpd-fastphp
#对gif jpg png不进行压缩
    SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
#对 zip exe 等文件不压缩
    SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary
#对mov MP3文件不压缩
    SetEnvIfNoCase Request_URI .(?:pdf|mov|avi|mp3|mp4|rm)$ no-gzip dont-vary
#处理浏览器兼容问题
    BrowserMatch ^Mozilla/4 gzip-only-text/html # Netscape 4.x
    BrowserMatch ^Mozilla/4.0[678] no-gzip # Netscape 4.06-4.08
    BrowserMatch bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Apache服务器开启客户端缓存mod_expires设置

通过mod_expires控制客户端浏览器缓存文件的类型和时长,有利于提升服务器请求速度,降低服务器的请求次数。默认apache服务器已经加载了mod_expires模块,在httpd.conf中我们可以看到

LoadModule expires_module modules/mod_expires.so

如果没有,可以便秘mod_expires.c文件获得,并配置加载。

但是apache并没有默认配置该模块,我们需要做配置,通常的配置样例如下:

<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresDefault A600
    ExpiresByType image/x-icon A2592000
    ExpiresByType application/x-javascript A604800
    ExpiresByType text/css A604800
    ExpiresByType image/gif A2592000
    ExpiresByType image/png A2592000
    ExpiresByType image/jpeg A2592000
    ExpiresByType text/plain A86400
    ExpiresByType application/x-shockwave-flash A2592000
    ExpiresByType video/x-flv A2592000
    ExpiresByType application/pdf A2592000
    ExpiresByType text/html A600
</IfModule>

其中的参数具体了解 Apache Module mod_expires

我们通常会写到的配置语句如下:
“access plus 1 month”
“access plus 4 weeks”
“now plus 30 days”
“modification plus 5 hours 3 minutes”
A2592000
M604800
access、now及A 三种写法的意义相同,指过期时间从访问时开始计算。
modification及M 的意义相同,指过期时间是以被访问文件的最后修改时间开始计算。

哈工大媒体系网站上线

采用响应式布局,在电脑和移动端具有较为友好的视觉体验。案例地址
哈工大媒体系网站

电脑端

哈工大媒体系网站

移动端

项目负责人:@董士浩

基于jQuery Mobile的手机网站案例-以哈工大研招办为例

jQuery Mobile 提供了极其便利的手机网站前端框架。案例地址 (请用手机访问)IMG_0206

IMG_0207

IMG_0208

适应性WEB设计-以哈工大研招办网站为例

适应性WEB设计要求设计师必须具有较高的技术素养,了解前端技术的可行性,甚至可以编写前端代码。案例地址

电脑
适应性布局案例教程

中等屏幕(Pad)
yzbresp2

手机屏幕
yzbresp3

适应性设计,在不同的屏幕尺寸下,布局会有不同,间距会有不同,字体大小会有不同,等等。设计师需要提供480px、800px、1024px、1366px、1920px至少五个尺寸的设计稿。

东宁妇女网作品上线

东宁妇女网

东宁妇女网 新作上线啦!女性主题的政府门户站。
UI: Aimar
前端: 先建桃
后端: 戴强 刘博业
前端兼容:ie6+, Firefox, Chrome, Safari. 未针对移动端进行响应式布局。

iOS的天气应用的沉浸性用户体验变化,扁平化中的拟物

第一张是老版本的天气,后面几张是新版本的,老版本使用图标表示天气,新版本使用全屏动画背景表示天气,显然后者在创造沉浸性用户体验上下足了功夫。使人瞬间进入到那种天气所带来的心情。在扁平化设计的大趋势下,这种拟物化的设计仍然以那种直观的视觉冲击力去感染你。
20140103-221203.jpg20140103-221310.jpg 继续阅读 [ iOS的天气应用的沉浸性用户体验变化,扁平化中的拟物 ]