今日头条APP案例开发
今日头条：继BAT之后的“超级玩家”
95张维宁 李梦军 | 文张维宁：长江商学院副教授李梦军：长江商学院案例中心研究员时势造英雄，互联网浪潮造就了腾讯、网易、新浪、搜狐等网媒，而移动互联网的大潮则造就了今日头条这样的新生代。
打开今日头条APP，一句“你关心的，才是头条”直击用户的内心，当传统媒体门户网站利用人工编辑为用户推送千篇一律的新闻资讯时，今日头条已经凭借机器学习、大数据等技术优势深挖用户需求并为其推送个性化的内容，由此实现了“千人千面”的信息分发模式。
今日头条创始人张一鸣相信：“每次技术的变革，都会带来传播的变革，从而带来内容的变革。
”的确，作为内容分发平台的今日头条，正在发挥其核心技术优势，根据用户的需求和信息服务业态的更新而不断地重新连接与组合，通过消除用户在不同平台间的切换成本，使平台处于不断的迭代和发展的状态，颠覆着内容的传播、生产、变现等各个环节。
截至2016年12月，今日头条已经拥有累计月活用户1.75亿，日活用户7800万，单用户日均使用时长76分钟。
如今，互联网三巨头的BAT再也不能小觑这个正在向内容生态平台“你关心的，才是头条”，作为内容分发平台的今日头条，凭借机器学习、大数据等技术优势，为用户推送“千人千面”的个性化内容，颠覆着内容的传播、生产、变现等各个环节，成为继BAT之后的互联网“超级玩家”。
今日头条：继BAT之后的“超级玩家”演进的头条模式。
在很多观察者看来，今日头条正逐渐成长为继BAT之后的互联网“超级玩家”，它的快速崛起令平台间围绕内容和流量的角逐不断升级。
究竟头条模式有何魔力，使得众多互联网巨头纷纷紧急备战？这背后到底有着怎样的逻辑？面对中国互联网企业的“全面围剿”，今日头条又该保持怎样的警醒，如何应对来自巨头们的挑战？从技术到管理，并非心血来潮今日头条创始人张一鸣，1983年出生于福建龙岩，2005年毕业于南开大学软件工程专业，曾参与创建酷讯、九九房等多家互联网公司。
2012年，张一鸣创办北京字节跳动科技有限公司(公司产品：今日头条)，希望通过技术创新改善人们获取信息的方式。
【“互联网+”商业模式案例】“今日头条”案例分析
一、背景介绍“今日头条”是一款为用户提供新闻资讯的产品，通过机器学习算法，利用推荐系统和数据挖掘技术，可以精确地为用户推荐符合用户兴趣的新闻资讯。
今日头条自2012年上线，截至2016年已有4.8亿的用户数和超过4700万的日活跃用户，成为第二大新闻资讯平台，紧排在腾讯之后。
今日头条的口号是“信息创造价值”。
今日头条产品的产生背景如下：（1）随着移动终端技术不断进步，移动端成为用户最大上网终端。
从2010年开始，使用移动端上网的中国网民爆发式增长，越来越多的人使用手机上网。
移动端逐渐成为中国网民上网的第一大终端。
（2）阅读新闻资讯是手机网民的主要需求。
除了日常的即时通信和搜索功能，人们平时使用手机花的最多时间是在新闻上。
阅读新闻资讯是手机网民的主要需求。
（3）互联网用户行为变化。
从主动发掘信息转变到被动接受信息，即从人找信息转变为信息找人。
在这个信息爆炸的移动互联网时代，线上信息爆炸式增长，导致严重的互联网信息过剩。
许多信息对用户来说是无用、重复的，导致用户选择困难，逐渐失去耐心。
（4）创始人的创业想法。
今日头条创始人张一鸣表示，当前是一个信息爆炸的时代，大量繁杂的新闻资讯使用户无所适从，用户很难在海量的新闻资讯中找到自己所需要的内容。
张一鸣认为“应该有一种更有效率的获得资讯的方式出现”。
二、产品与服务1.产品介绍今日头条作为一款新闻资讯类产品，可以为用户提供实时的资讯信息，让用户获得最新的社会资讯或者行业信息。
产品利用个性化推荐引擎和数据挖掘技术，可以发现用户所感兴趣的资讯，为用户准确推送。
推荐的内容除了新闻类资讯，还包括游戏、音乐、视频等信息。
产品强大的推荐系统可以帮助用户在海量的资讯中获得自己所感兴趣的内容，大大缩短了用户检索的时间，使用户使用得更加便捷高效。
此外，相关资讯还可以以头条号的形式呈现在用户眼前，内容包括娱乐或者社交等多个方面，可以满足用户休闲娱乐的需要。
“今日头条”结构框架如图1所示。
信息时代互联网平台的“自治”之路——以“字节跳动平台责任研究
信息时代，传播方式变得日趋多元，短视频平台逐渐兴起，“字节跳动”公司旗下的“抖音”平台，月活跃用户已达上亿人，且大多数用户年龄都在35岁以下。
一方面，这类平台满足了用户表达和展示自我的需求，促进了知识的普及、分享及共创。
但另一方面，用户对图像的观看呈现出一种无意识状态，很多抖音用户“一刷就停不下来”，甚至造成了媒介依赖和媒介成瘾。
这也极大地浪费了用户精力，危害了用户健康，尤其是对未成年人的负面影响巨大。
为了给未成年人营造清朗的网络空间，构建良好的短视频发展环境，“抖音”平台专门推出了青少年模式，开启了“向日葵计划”，大力推荐知识文化内容，用户使用这一模式后，将无法开展直播、充值等活动，而且观看到的视频大多是英语口语、简笔画、创意美工等有益信息。
“抖音”组建了专项团队，从产品、内容等多个层面加强内容审核，为青少年群体的“健康上网”提供了系统保护计划。
同时，平台还升级了未成年人审核模型及管理工具，包括禁止直播、观看限制、开通专项举报入口、厘清权责清单、用户的账户未经家长同意充值，在进行事后核查后，可以将全部充值费用退还给用户，这就最大程度上减少了平台对青少年的诱导消费和负面影响。
设置“灵犬反低俗小程序”，提升平台内容质量在当前，自媒体平台盛行，网络信息的价值密度较低，在眼球经济的刺激下，一些低俗信息大量传播，恶化了网络生态环境，也给人们的价值观带来了负面影响。
“字节跳动”公司针对互联网平台存在的低俗信息问题，采取了共享共治的态度，专门设立了国内首款反低俗信息小程序“灵犬”，运用反低俗、反色情和反谩骂等算法模型鉴定低俗信息。
“灵犬”通过学习标准案例，加强了对短文本、口语语言、标题语言等涉及软色情等内容的识别，对互联网平台开启自动的监测程序，过滤低俗内容。
例如，受众将文字或者文章链接放到“今日头条”搜索框后，“灵犬”就会先进行提取、分词和语义识别，然后根据设定的算法规则，在短短几秒内输出对应的分数、评级和结论，便于受众快速查询该条信息是否涉嫌低俗内容，自测出内容的健康程度，当合，在更加迅速筛选低俗信息的同时“不伤及无辜”，这有效解决了平台内容低俗的难题。
新闻APP今日头条案例研究
视听2018.02|今日头条是一款基于数据挖掘的推荐引擎类产品、大型自媒体发布与分享平台。
２０１７年上半年，今日头条保持高速增长，用户总体资讯消费数量增长３０．８４％。
用户对内容形态需求升级，内容优质度需求双升级。
截至２０１７年６月，平均每人每天消费４６篇资讯，单篇资讯平均消费时长增速加快。
根据２０１７年７月今日头条用户评论数据报告显示，在今日头条移动端评论的用户主要是３１—５０岁的青壮年，他们数量庞大，比年轻人更有表达欲。
从地域来看，北京、广西、重庆这三个省级行政区的评论率最高。
从城市分布情况来看，从超一线城市到五线城市，评论率呈下降趋势。
由此可见，经济发达程度和评论率成正相关。
一、新闻APP 今日头条的“个性化推荐”（一）“个性化推荐”的产生背景移动互联网时代，每人每天都会收到大量繁杂的信息，而这些信息对我们而言大部分都是无用的，如何获取自己所需要的信息成了令人头疼的问题。
今日头条针对这一痛点，率先提出“个性化推荐”这一模式，对用户进行信息的个性化输送。
因此，不同的人、同一个人在不同的时间，所获得的信息都是不同的。
这就与今日头条一直宣传的“你关心的，才是头条”这个理念相符。
（二）“个性化推荐”的技术支持———智能推荐算法当用户使用微博、ＱＱ、微信等社交账号登录今日头条时，依靠大数据计算与分析的技术支持，它能在５秒内获取用户的基本信息，解读出使用者的兴趣，最后根据这些兴趣，筛选出特定的内容推送给用户。
用户每次动作后１０秒，个人模型便会自动更新。
因此，用户对ＡＰＰ的使用频次越高，推荐的内容便越精准。
如果用户没有利用社交平台号登陆今日头条，没有可供参考的账户信息，今日头条会在用户下拉过程中随机推送一些消息，一旦用户产生点击、评论、转发等相关行为，今日头条便会根据用户相关的阅读行为、阅读兴趣等方面建立用户的个人模型，在用户下次下拉刷新时智能地为用户进行精准的“个性化推荐”。
用户使用ＡＰＰ的时间越久，今日头条对用户兴趣掌握得越全面，建立的个人模型越多元，推荐的内容也就越精准，从而为用户带来更完善的阅读体验。
21.今日头条算法构架师：3亿用户每天的头条各不一样,靠数据是怎么做到的？【笔记】
今日头条算法构架师：3亿用户每天的头条各不一样，靠数据是怎么做到的？【笔记】混沌研习社服务号 2016-08-29阅读：6039 17推荐时会兼顾用户、环境和文章本身特征相比微信公众号，头条是更好的自媒体平台今日头条是国内领先的新闻客户端，最大的特点是个性化推荐，真正的千人千面。
我们现在有3亿的积累用户，日活用户超过三千万。
我们不靠编辑人工推荐，而是技术算法。
大家有兴趣，头条是怎么推荐内容的？举个简单的例子，头条在给用户找一篇你可能喜欢的新闻的时候，他会考虑三方面的因素：1第一，用户特征，比如兴趣，职业，年龄，短期的点击行为。
2第二，环境的特征。
推荐是一个情景化的事。
比如我自己早上，会看一看科技新闻。
周末晚上会看搞笑视频。
还有网络环境，你要有wifi的话，给你多推视频。
3另外就是文章自身的特征，它有哪些主题词，命中了哪些标签，还有它的热度，是不是很多家媒体都转载了。
包括文章时效性和相似文章推荐。
接下来五到十年的一个愿景，成为最懂你的信息平台，连接人与信息，促进创作和交流。
在开始一两年，我们对创作这块重视不够，也是资源不够，没有形成自己的壁垒。
但是从14年版权风波之后，我们在这块投入的非常大的资源和精力。
今日头条的自媒体平台已经是国内互联网第二大的自媒体平台。
它的增长速度要快于微信公众平台。
为什么呢？大家可能都有微信公众号，可能有这种体会，你在微信上做一个公众号，微信是不会帮你推广的。
你要靠自己的资源，靠自己的人脉进行推广。
比如我专注于写历史故事的，我没有那个资源，我没有那个商业能力，他可能还在三线城市，怎么去推广？头条希望最好的内容到达最适合的受众，我们有个系统帮你自动推荐，点击量多了我们还会给你钱。
没有听说微信公众号还会给自媒体钱的。
归纳总结、A/B测试、双盲交叉验证数据思维的三大工具灵活交叉运用介绍完头条，下面介绍一些案例，我先介绍数据思维几个比较重要的工具：第一个工具是归纳总结，按照特定的维度进行排序，分析对象特性。
人工智能概论课件第五章 人工智能让生活更便捷(上)
作业无人化 运营数字化 决策智能化
习题
单选题
实现顾客在查询商品和结算缴费时，无需逐个扫描，实现自动结算的技术基 础是：（ ）
A. NFC技术
B. RFID技术 C.移动支付技术
正确答案：B
D. NLP技术
02
智能阅读
智能阅读
（一）现状
背景
用户在信息时代面临着大量的信息和数据，信息过载问题逐渐困 扰着我们，在面对海量信息时常常无法从中获得对自己真正有用 信息，信息的有效性反而降低了。
习题
单选题
帮助用户在大量繁杂的信息中获取真实有用信息的人工智能应用是（ ）。
A.智能购物 B.智能阅读 C.智能翻译 D.智能语音助手
正确答案：B
03
智能出行
智能出行
（一）现状
设备数量增加后，设备故障问题尤其突出 智能交通系统规模扩大后，系统可靠性与 稳定性也需要保证 数据质量不高限制了智能交通业务高水平 的扩展应用 信息安全隐患
讨论 分别从商家和消费者的角度，谈一谈智能购物车的优势？
智能购物
（三）应用案例——魔镜
“魔镜”是一台“58英寸的等离子显示器”， 借助3D技术来判断顾客的身材和离摄像机的 远近，为镜前的顾客在镜中“穿”上他想试 穿的衣服。
技术
运动感应器和增强现实技术
智能购物
（三）应用案例——京东无人仓
京东无人仓采用大量智能物流机器人进行协同与 配合，通过人工智能、深度学习、图像智能识别、 大数据应用等技术，让工业机器人可以进行自主 的判断和行为，完成各种复杂的任务，在商品分 拣、运输、出库等环节实现自动化。
《人工智能概论》
第五章 人工智能让生活更便捷（上）
主讲教师：XXX
A今日头条案例正文
迫銔
半路 折的
要做依托互联网的 术 ，必 强
大的 术支撑， 方面满足用户需求， 方面在 的互联网 域能够净
网 空间， 在瞬息万 的互联网大 境
流声音的表述 社 任的
表达銔
3 失验
1.4 独 九九
梦想是丰满的， 是骨感的銔张 鸣清 的知道，前人
的机率
小之又小，自
，更 能轻易沮丧銔 时 逢海纳 洲 门来，
4 2006-2010 中 智能手机发展探究
釐智能手机的需求 增长 然如 之快！金张 鸣感 道銔
釐你
想做信息 发 ？ 想 来信息 发在手机 的需求 例更
大銔金梁汝波 针 血銔
釐 想 清楚自 做 了！金张 鸣豁然开朗，激 的拍了拍好 的
肩头， 人相视 笑銔
2010 ，张 鸣开始了第 独立 ——垂直 产搜索引 釐九九 金，
呈指数 的，
暨第 届 开 校 发展论 发表演讲銔
咚咚咚...... 在
准备讲稿的张 鸣突然 到 轻轻的敲门声銔
釐 ！金张 鸣扶了扶眼镜，端 在 椅 銔原来是 开大学銙大学
生 KAB
础銚2课程负 团队的 学们来做 个演讲前的采 ，课程负
的老师希望将张 鸣的
用到课堂教学中銔
釐张总，您好......金几 学生拘谨的站在门口，
知 措銔
釐 用 张总， 张 鸣就行了，快 来 銔金张 鸣微笑着说銔
学们显然 意外，但 相视 笑，略显紧张的气氛 时缓 了许多銔
釐据说您大学
就开始 ，那您当初
择 呢？您对
的 者又
建 呢？金 中 个带着大黑框眼镜，气 极了 轻时
的张 鸣的男生直奔 銔
简 直率的几 眼 十 过去了，
，咚咚地敲在了张 鸣的心头 銔是啊，
传统媒体办App应处理好五个关系
传统媒体办App应处理好五个关系传统媒体开办APP正步入一个如火如荼的井喷时期。
此类APP面向何种人群，哪些区域，提供什么服务？这是首先要想清楚的问题。
一哄而上，定位不清，势必陷入同质化的泥淖。
借鉴相关案例，文章提出，传统媒体办APP，必须处理好目标定位与差异发展、用户争夺与产品质量、服务体验与盈利模式、跨界融合与核心优势、技术设计与内容呈现之间的五大关系。
新闻媒体APP，只需手指轻触就能直接获取目标媒体各类信息，重塑了一种全新的受众与媒介互动关系，成为了传统媒体向移动终端延伸的重要载体，推进全媒体融合发展和进行新媒体布局的重要策略。
相关统计数据显示，当前我国大小各级传统媒体都已经或正在计划开办APP，有些媒体还根据内容侧重差异、运营重点不同形成了多个APP集群。
传统媒体开办APP正步入一个如火如荼的井喷时期。
而与此形成鲜明对比的是，首轮融资就拿到1亿美金的热门APP叮咚小区近日却传来了资金链断裂，面临破产的消息，虽然随后被更正为“大规模转型和收缩”，但其战略错误、产品失败已是不争的事实。
作为一款定位为当下最为热门020发展模式的APP，旨在为小区生活提供便利服务，曾被各方看好，高调出场，但却在短短几个月内陷入困境。
这为传统媒体开办APP敲响了警钟，APP新媒体既可能拓展成功，又可能面临失败。
它山之石可攻玉，繁华背后思忧患，叮咚小区APP失败的案例，对传统媒体开办APP有哪些启示？笔者认为，应正确处理好以下五个关系。
一、处理好目标定位与差异发展之间的关系目标定位是发展的前提条件，差异化是发展的途径选择，正确处理好这两者的关系尤为重要。
叮咚小区APP定位于“为日常小区生活提供便利的APP软件”，但实际上却以做社交软件的思维在做产品和推广，并没有在提供实质性生活服务上下工夫。
同时，叮咚小区APP设置了包括小区公告、号码通、论坛、拼车、宠物等在内的13个功能板块，企图整合58同城、赶集网、饿了吗等多个移动APP软件的功能，但各版块却大多仅仅设置论坛功能，没有提供真实可靠的信息服务，这种贪大求全，目标定位不清晰的经营理念，也是导致其失败的重要原因之一。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
APP开发实战 - 新闻客户端
目录
基于h5+的app 开发介绍、hui、mui介绍、项目部署 (1)
制作子窗口、数据加载、下拉刷新 (7)
新闻分类切换、上拉加载更多 (14)
懒加载的使用 (17)
新闻详情页面开发 (18)
新闻详情页面分享功能 (21)
app 在线升级 (25)
基于h5+的app 开发介绍、hui、mui介绍、项目部署
基于h5+的app 开发介绍
传统的app开发一般使用原生语言进行，HTML5plus Runtime，简称5+ Runtime，是运行于手机端的强化web引擎，除了支持标准HTML5外，还支持更多扩展的j s api，使得js的能力不输于原生。
5+ Runtime内置于HBuilder，在真机运行、打包时自动挂载。
业内之前有phonegap/Cordova方案，但是他们自带js api太少了，扩展api
需要用原生语言开发，更致命的是这类方案的性能不足。
最终实现
完成app开发且一套代码多端发布。
开发工具 hbuilder
官网：http://dcloud.io/
非常推荐的编辑器，完美支持 html js css php app开发。
mui
最接近原生APP体验的高性能前端框架，使用前端框架的目的：快速开发、更稳定的布局设计。
官网 : http://dcloud.io/mui.html
hui
由hcoder发布的前端ui框架，与mui显著的区别是dom操作。
官网 : /hui
创建项目
1、不使用任何框架
使用hbulider直接创建移动app项目，选择模板时选择空模板。
2、使用mui
使用hbulider直接创建移动app项目，选择模板时选择mui项目（自动生成mu i最新的css js 入口文件）。
3、使用hui
使用hbulider直接创建移动app项目，选择模板时选择空模板（下载hui框架包，复制进项目即可）。
真机调试
usb连接手机，点击编辑上的在手机设备下运行即可，安卓效果更好。
app开发中窗口的概念
使用h5+开发app原理是创建一个窗口内部包含一个html，然后调用原生接口完成更多功能。
缺点也就是html并不是原生在进行浏览器渲染时白屏卡顿在低端机上会比较明显，但随着手机的更新换代这样的问题已经越来越不明显。
通过我们开发者的努力可以把效果做到接近原生。
app开发的一个重要概念就是窗口，所以不要使用a href="" 去打开新页面，而是创建一个新窗口。
不使用任何框架制作项头部
1、注意meta声明: <meta name="viewport" content="initial-scale=1.0, m aximum-scale=1.0, user-scalable=no" />
2、css 格式化dom
3、头部代码编写
导入hui
下载hui最新版本/hui解压后导入进项目。
制作头部导航及内部元素
1、一键改变ui的整体颜色 : 打开hui.css 搜索 #3283FA 替换为 #D43D3D 并保存立即可以看到效果。
2、完成头部布局
dom部分
css 增加
制作分类导航dom 及 js
使用了hui的横向滚动、使用hui选择器进行连贯操作完成点击效果、css 部分
制作子窗口、数据加载、下拉刷新
为了实现app的上拉刷新和下拉加载我们需要在入口页面嵌入子窗口。
相关知识：webview，参考手册：/doc/zh_cn/webvi ew.html
实现步骤：
1、创建子窗口 indexSub.html
2、在入口页嵌入子窗口（会使用 plusReady事件）
3、将子页面的返回功能转交给入口页
入口页代码
子窗口代码
HOA介绍
HCoder Open Api 简称 HOA 是由 提供的一套api数据源，提供了日常app开发学习过程中常用的数据源，适用于基于 mui hui h5+的app 开发。
开放源地址 : /api
项目实现过程
入口页js变化
新闻分类切换、上拉加载更多本节内容
1、点击新闻分类切换不同的新闻列表。
2、上拉加载更多
核心js
懒加载的使用
使用HUI来实现图片的懒加载是非常方便的，您只需要设置图片的预加载占位图及实际地址：
新闻详情页面开发
实现步骤
1、在新闻列表上增加打开窗口功能，并传递新闻id
2、创建新闻详情页面 info.html
3、新闻详情页面代码
新闻详情页面分享功能新闻详情页面分享功能实现步骤
1、配置manifest.json 增加分享模块
分享服务对象格式
2、页面代码
app 在线升级
app 在线升级原理
在app内部设置版本号，在远程服务器端设置最新版本号，如果2个版本号不等则提示升级。
安装app函数
完整代码。