网络时代新闻传播新阵地

——《新民周刊》APP手机客户端的探索与实践

李莹

（上海报业集团新民周刊社）

摘要：由上海报业集团主管、主办的《新民周刊》是上海唯一的新闻性周刊，其题材报道涉及时政、经济、社会、文化、科学等领域，凸现了“国际眼光、海派气质、原创诉求、智慧表达”的特色，现处于全国综合类时政性杂志三甲之列。随着移动互联网时代的全面到来，《新民周刊》和所有传统平面媒体一样，受到了前所未有的冲击，面临很大挑战。面对与新媒体的竞争，如何发挥自身特色？如何充分利用新媒体的传播平台？《新民周刊》积极研究新媒体发展趋势，把握新媒体和传统媒体相融合的传播方式，探索开发APP手机阅读客户端技术，创新报道模式和表达方式，力争在新媒体主阵地上有所作为，赢得主动。本文就《新民周刊》探索开发APP手机阅读客户端技术做了初步论述。 关键词：新媒体 手机客户端 Android iOS 传统媒体与新媒体之间的最大的区别是传播渠道载体的区别，从早期的Web2.0时代到之后的RSS、搜索等技术的发展，再到现阶段流行的微博、微信、二维码等等。只要是有价值的新闻，在新媒体上就可以得到繁殖性（即一对多、多对多）传播。新媒体的丰富性、即时性、交互性，极大地方便了受众共享知识和深入交流，通过图片、文字、视频、音频等方式，让受众随时随地了解信息，并能更加合理地来分配自己选择信息和阅读时间。《新民周刊》APP手机客户端在苹果iOS、Android的两个智能移动平台系统同时开发，以充分满足手机阅读人群的需求和喜好。

需求分析与系统设计目标

新民周刊的手机阅读客户端（APP）是基于CMS（数据上传后台）、ADMS（广告发布管理后台）、DBMS（数据统计分析后台）三大后台搭建的立体化应用平台。三大平台之间相互关联，共同推动APP的运营和发展。

图1：客户端与三大后台（CMS/ADMS/DBMS）之前的关系简图

CMS（数据上传后台）：负责客户端数据及栏目的相关设定，用于上传、查看、管理客户端相关数据，修改客户端栏目设置，并拥有推送信息、查看评论和用户反馈等功能；ADMS（广告发布管理后台）：负责客户端内广告的发布，负责客户端广告的投放运营以及相关监测统计工作，该后台能够实现广告的投放时间、投放平台、投放位置，以及广告出现形式等设置；DBMS(数据统计分析后台)：负责客户端运营相关数据的搜集和统计，该后台可对客户端上线以来的用户访问量、访问时间段、栏目浏览量、用户地域分类、平台分类、移动终端型号等进行统计，并以条形图、饼状图、折线图等形式呈现，为调整客户端市场战略或制定客户端新的运营方案提供第一手数据资料。2010年下半年，手机客户端进入前期调研，参考了iWeekly、《三联生活周刊》等手机客户端，逐步确定《新民周刊》的展现形式，功能、需求分析，各栏目内容的更新数量、质量和频率，加强用户在客户端上的粘性。结合周刊杂志出版规律，每周提供封面文章及重点文章的发布，以及每日更新实时热点国内国际新闻以丰富客户端内容，具有微博分享、图片下载、文章收藏、广告发布等主要功能。《新民周刊》前端客户端的代码研发部分由新民周刊与重庆掌脉科技有限公司共同开发，我作为《新民周刊》新媒体技术代表与掌脉公司多次研究修改开发方案，于2011年下半年《新民周刊》APP手机客户端进入开发阶段，目标：iOS客户端（iOS 4.3及以上），Android 客户端（Android 2.1/2.2/2.3/4.0/4.1）。整个开发系统基于php语言开发，使用mysql数据库，界面为web方式。其优点是可移植性强，安装设置简单，二次开发和后期维护方便。

建设模式及ＵＩ设计

1．运行环境：1）硬件：系统对硬件无特别要求，运行的最低要求是：硬盘空间10G，内存128M。推荐要求是：硬盘空间10G以上，内存1G以上。2）软件：系统支持Windows、Linux/Unix等操作系统，要求运行环境符合以下要求：WEB服务器软件：如Apache2，IIS6等。PHP 5.2.0及以上版本，推荐使用php5.3.0以上版本，要求至少包括以下扩展：bz2,zip,curl,gd2,mbstring,exif,mysql,openssl,socketsMYSQL5.1.0及以上版本服务器，推荐使用Mysql5.5以上版本服务器，要求支持UTF-8字符集和Myisam数据库引擎。管理系统的客户端：浏览器IE8.0以上。3）网络：系统需要远程web访问管理，并且移动终端APP软件也会与本系统即时通讯：（1）服务器支持网络访问：internet或intranet访问；（2）服务器开放tcp端口：入站80端口，出站80端口；（3）服务器通信带宽：10M。2．安装布署：系统与通常的web管理系统一样，安装布署操作简单：１）设置/upload目录权限为0777，即所有人都可以读写。２）导入/*.sql数据到mysql数据库，数据库名可以自定义。３）修改/config.inc.php文件里的“数据库”相关设置。４）管理客户端访问http://xmzk.cms.palmtrends.com/ms_admin/ms_main.php登录。3．管理使用：客户端数据CMS的服务器的地址解析为 219.232.224.243，其操作系统：CentOS 6.x 64b，配置环境：LNMP，采用MySQL数据库。由于MySQL是开放源代码的，因此任何人都可以在General Public License的许可下下载并根据个性化的需要对其进行修改。MySQL因其速度、可靠性和适应性，是管理内容最好的选择。经过两个月的努力，新民周刊架构设计完毕，UI设计出炉。根据《新民周刊》的海派气质，智慧表达的特色，借鉴其他媒体成功案例（如三联生活周刊、中文摄影杂志），ICON设计离不开自己的标志性LOGO，与iPad版《新民周刊》相统一，定义以红为主色调的ICON标识：

图2：新民周刊ICON

展现方式与功能设计

系统启用界面是系统的第一副面孔，目的是给用户一种直观的感受，考虑到手机阅读习惯，选择竖屏，适用客户群为使用 iOS客户端：iPhone3GS / iPhone4 /iPhone4s/iPhone5以及Adroid 客户端：屏幕分辨率支持：480x800、 480x854、 540x960、 1280x720、 1280x800的智能手机平台作为目标客户端。 点击CION，打开客户端，欢迎界面从屏幕中心位置由小到大展开直至布满全屏，欢迎界面过渡到首页的交互效果为淡出。

图3：欢迎界面

图4：进入首页

以显示首页为例，其部分开发代码（iOS平台）：- (void)pullDownRefresh{ListParams* lParams = [[HomeListParams alloc] init];lParams.mstrAction = mstrCurAction;lParams.mstrSa = mstrCurSa;lParams.mExtraParams = mstrCurParams;lParams.mRange = NSMakeRange(0, [self loadListCounts]);lParams.mCachePolicy = ASIDoNotReadFromCacheCachePolicy;[CMSAPI fetchCMSList:[self requestURL] params:lParams completionHandler:^(ListData* listData) {if (listData.mbSuccess) {[self showListData:listData refresh:YES];} else{NSLog(@"error:%@",listData.mstrMsg);}if (mTable && [mTable respondsToSelector:@selector(hideRefreshTableView)]) {[mTable hideRefreshTableView];}}];[lParams release];} 1．布局要素：1）页面包含要素（从上到下）：一级栏目导航条、进入一级栏目按钮、标题、摘要；2）该页面色块以红、黄、蓝三色（默认颜色）为主，并按此顺序进行循环排列，色块宽高尺寸固定，一个色块代表一篇文章，包含标题、摘要；编辑可在后台对背景图片及色块进行更换（保证背景图片的清晰度，色块最多可修改三种不同颜色的循环），后台具有调色及预览功能；3）标题最多显示2行，摘要最多显示4行，系统自动判定后台上传的数据，对标题和摘要分别进行处理，使其各自都能上下左右等宽排版显示；4）首页文章由其他栏目推荐，同时保留推荐文件所在栏目的数据，可以推荐至首页的栏目包括：大新闻、报道集粹、周刊看点、轻松一刻。2．交互要素：1）首页文章一次性加载30篇，有下拉刷新功能（刷新样式可参照一般项目设计）；不用专门设置加载更多按钮，用户在滑动到第30篇文章后，再往上滑，就会在第30篇文章底部出现正在加载的提示（居中显示加载小圆圈），然后自动载入后30篇文章，若出现延迟，则加载从前往后依次渐显加载出来；2）当手指向上滑动首页列表时，进入一级栏目按钮以自身为轴心从左往右旋转180度并消失；当手指向下滑动首页列表时，进入一级栏目按钮以自身为轴心从左往右垂直旋转180度并出现；如此循环；3）单击文章列表进入文章内文页的交互效果为文章内页从下往上展开；单击文章内页返回按钮，退回到上一界面的交互效果为：文章内页从上往下收回；具体交互可参照ZAKER的进入和退出内文页效果设计；4）单击进入一级栏目按钮的交互效果为，有按下效果，首页页面从下往上收回；在一级栏目单击首页按钮，返回首页，首页页面从上往下展开，具体交互可参照苹果和安卓的后台下拉效果。 按最初确定的功能，架构设计设立一级栏目、所属二级栏目，并确定栏目列表要素，内文页要素。其中一级栏目包括大新闻、报道集粹、周刊看点、轻松一刻及设置。以报道集粹为例：

图5：报道集粹手机界面样图

1．栏目要素：1）一级栏目报道集粹包含十一个二级栏目：新民说、观察家、封面、社会、环球、财富、文化、体育、科技、新奢会、车世界；2）封面栏目为定制二级栏目，其余十个栏目均为常规二级栏目（文章列表形式）；3）二级栏目后台可动态添加。（这里指可添加常规文章栏目，但请预留常规图片栏目接口）2．布局要素：

页面包含要素：一级栏目导航条（黄色细线为一级栏目所在位置①一级栏目名称②返回首页按钮③二级栏目名称导航④）。

3．交互要素：1）一级栏目的切换效果为手指在屏幕上左右滑动，手指只需滑动一小段距离，系统会识别方向，前/后的一级栏目会直接滑动顶替上一级栏目，同时页面顶部的黄色细线也会随之滑动到一级栏目对应的导航位置，具体交互可参照ZAKER栏目列表的切换效果设计；2）二级栏目名称的切换效果为：单击需要选择的二级栏目，平行四边形滑块会平行滑动到对应的二级栏目名称上，选中效果为红底白字，未选中效果为红字；二级栏目页面的切换效果为常规切换；3）单击返回首页按钮，首页页面从上往下展开，具体交互可参照苹果和安卓的后台下拉效果；4）本客户端在进行一级栏目的切换时会自动刷新原一级栏目中的所有内容（不包括首页）；在进行二级栏目的切换时保留各二级栏目的操作痕迹。 历经两个月，代码开发完毕，进入测试阶段。主要测试Android和iOS 4系统内稳定性和健壮性。各页面切换是否正常、界面内控件是否在操作之后做出相应的反应。测试结果基本符合预期。2012年年中，新民周刊手机APP 的Android和iOS 同时上线，从最初的筹备考察，到不断修改完善，最终成为杂志的另一种延续阅读。至2014年，现在周刊已具备官方网站、移动终端（手机APP手机客户端以及iPad客户端）、微博、微信等全媒体介质，《新民周刊》的传播面更加宽阔，传播内容更加丰富、形式更加多样，全面应对新的媒体形势的挑战。

联系人：李莹

联系电话：62791234*234

手机：13916708665

E-MAIL：405474892@qq.com

编辑：中国新闻技术工作者联合会