forked from parhumm/presentation-learning-to-design
/
index.html
executable file
·347 lines (290 loc) · 16.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>智慧出行未来1~3年的发展趋势与变革方向</title>
<meta name="description" content="智慧出行未来1~3年的发展趋势与变革方向" />
<meta name="author" content="周宇盛" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
<link href="css/impress-demo.css" rel="stylesheet" />
<link rel="stylesheet" href="css/impress.css">
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>
<body class="impress-not-supported">
<!--
<div class="fallback-message">
<p>你的浏览器<b>不满足impress.js需要的功能特征</b>,所以你只能看到一个简单表现的版本。</p>
<p>为了达到最佳的体验效果,请使用最新的<b>谷歌浏览器</b> 或 苹果<b>Safari</b>浏览器,或最新版的火狐浏览器 10 和 IE 10 也可以。</p>
</div>
-->
<div id="background">
<img src="img/background.png" alt="">
</div>
<div id="impress">
<!-- 9组新添内容-->
<div class="step addNew" data-x="-10000" data-y="0">
<h1><b>抢车大比拼</b></h1>
<h1>情景设置:</h1>
<p>现在是打车高峰期,附近有5辆车,10位乘客需通过快速竞价获得乘车资格。每位乘客有30元作为竞价乘车资金,不考虑其他因素乘车日常价格为10元。</p>
<h1>游戏规则:</h1>
<p>在主持人倒计时结束后写下自己心理预期的乘车价格(10-30元),然后快速跑至主持人处按铃并将报价条交给主持人,报价最高的前五名将会获得乘车资格,若报价相同则以按铃先后排序,最终以前五名中扣除车费后剩余金额最多的人为获胜者。</p>
</div>
<div class="step addNew" data-x="-10000" data-y="1000">
<h1><b>乘客你在哪儿</b></h1>
<h1>游戏规则:</h1>
<p>观众席中有一名乘客,主持人代替乘客发言,通过描述乘客周边情况引导玩家(司机)找到观众席中的乘客,期间系统会给出乘客定位地图,找到乘客即为获胜。</p>
</div>
<div id="map" class="step addNew" data-x="-10000" data-y="2000">
<b>乘客定位地图</b>
<img src="img/img0.1.png" alt="" width="700px">
</div>
<div class="step" data-x="-10000" data-y="3000">
<p><b>导航有偏差,参考需谨慎,大家不要告诉他哦!嘘。。。。</b></p>
</div>
<div class="step" data-x="-10000" data-y="4000">
<b>乘客定位地图</b>
<img src="img/img0.1.png" alt="" width="700px">
</div>
<!-- 预览-->
<div id="overview" class="step" data-x="4000" data-y="2300" data-scale="10">
</div>
<!-- 标题-->
<div id="title" class="step" data-x="2000" data-y="-200" data-scale="8">
<b style="font-size:110px;">智慧出行</b><br>
<b style="margin-top: 20px;">未来1~3年的发展趋势与变革方向</b>
<img src="img/img1.1.png" alt="">
<!-- <p id="92team">九二共识</p>-->
</div>
<!-- 2.2存在问题-->
<div class="step" data-x="-600" data-y="1800" data-scale="3">
<h1><b>存在问题</b></h1>
<ul style="font-size:36px">
<li>行业标准不统一:收费标准</li>
<li>用户安全隐患:隐私、安全问题</li>
<li>用户体验仍需提高:乘客与司机的线下对接(上车地点、路线规划、乘车服务质量)</li>
</ul>
</div>
<div class="step slide" data-x="1600" data-y="1800">
<h1>滴滴</h1>
<p style="font-size:20px">没有哪一种行业或者商业模式的终极目的不是盈利。滴滴出行最终也需要面临这个问题。之前,竞争对手的存在,政策的不明朗,都使得滴滴有充足的借口继续烧钱补贴。但资本的耐心是有限的,最终,快的被割舍,优步被阉割,新政也在千呼万唤中出台。挡在滴滴盈利面前的主要障碍,只有他自己了。</p>
<img src="img/img2.6.png" alt="" width="500px">
</div>
<div class="step slide" data-x="2600" data-y="1800">
<h1>共享单车</h1>
<ul>
<li>找车定位不准、车身笨重不好骑都忍了,经常遭遇“无路可走”是上班族小夏不愿意使用共享单车的最大原因。</li>
<li>提供的内置地图跟不上单车随用随停这一功能,没有固定的停车区域,以及技术服务方面的欠缺,都严重影响了用户体验。</li>
<li>除了单车的自然损耗,完全基于用户自律的机制,平台无法有效追踪用户进行合理约束,使得单车的人为损耗现象也颇为严重。</li>
<li>最后,是车辆投放密集度和用户使用率的考验。在保证数量的情况下避免产能过剩,将单车的共享效益最大化是这些“准独角兽”必须要解决的问题。</li>
<li>初次之外还车后继续扣费、难骑、无法解锁等现象,这都将影响到平台的口碑和用户粘性。</li>
</ul>
</div>
<!-- 1.发展历程-->
<div class="step" data-x="-600" data-y="3500" data-scale="3">
<h1><b>发展历程</b></h1>
<p style="margin-top: 40px;">1. 电子地图阶段,1980s</p>
<img src="img/img1.2.png" alt="" width="400px">
</div>
<div class="step" data-x="200" data-y="3800" data-z="-400" >
<p>2. 移动互联网阶段,2000s</p>
<img src="img/img1.3.png" alt="">
</div>
<div class="step" data-x="1000" data-y="3800" data-z="-800" >
<p>3. 共享经济,2010s</p>
<img src="img/img1.4.jpeg" alt="" height="250px">
<img src="img/img1.5.jpg" alt="" height="250px">
<img src="img/img1.7.png" alt="" height="250px">
</div>
<!-- 2.1发展现状-->
<div class="step" data-x="-600" data-y="4800" data-scale="3">
<h1><b>发展现状</b></h1>
</div>
<div class="step slide" data-x="-1400" data-y="5500" data-size="0.5">
<h1><b style="font-size:50px">移动端出行服务</b></h1>
<p style="font-size:30px">中国移动端出行服务行业的整体发展时间及进度</p>
<img src="img/img2.1.png" alt="" width="800px">
</div>
<div class="step slide" data-x="-400" data-y="5500" data-size="0.5">
<p>中国移动端出行服务行业用户群发展趋势</p>
<img src="img/img2.2.png" alt="" width="800px">
</div>
<div class="step slide" data-x="600" data-y="5500" data-size="0.5">
<p>中国移动端出行服务行业整体布局</p>
<img src="img/img2.3.png" alt="" width="800px">
</div>
<!--
<div class="step slide" data-x="1600" data-y="5500" data-size="0.5">
<p>中国移动端出行服务行业市场份额分布情况</p>
<img src="img/img2.4.png" alt="" width="500px">
<img src="img/img2.5.png" alt="" width="500px">
</div>
-->
<div class="step slide" data-x="1600" data-y="5500" data-size="0.5">
<h1>智慧城市及智慧交通</h1>
<table>
<tr>
<td>2013</td>
<td>十八大三中全会提出“允许社会资本通过特许经营等方式参与城市基础设施投资和运营”,PPP(Public-Private Partnership,公私合营制)模式开始掀起高潮。</td>
</tr>
<tr class="even">
<td>2013</td>
<td>我国住建部提出智慧城市并进行推广,智慧交通作为智慧城市的一大核心,也得到了一次强有力的推进。</td>
</tr>
<tr>
<td>2013.11~2014.12</td>
<td>主要是财政部和发改委各自为战,为PPP模式进行筹备探索,智慧城市及智慧交通搭上顺风车</td>
</tr>
<tr class="even">
<td>2015.1~2015.5</td>
<td>三部委联合发布“政府和社会资本合作模式指导意见”,国务院常务会做出明确指示,PPP获得突破推广,智慧城市及智慧交通迅速发展。</td>
</tr>
<tr>
<td>2015.6.1</td>
<td>我国《基础设施和公用事业特许经营管理办法》正式施行。《基础设施和公用事业特许经营管理办法》确立了社会资本可参与特许经营权的制度性创新,业界均默认其为“PPP基本法”,国家再一次助力PPP模式下智慧城市及智慧交通的发展。</td>
</tr>
<tr class="even">
<td>2016.7</td>
<td>交通运输部印发《推进“互联网+”便捷交通,促进智能交通发展的实施方案》进一步推动行业发展。</td>
</tr>
</table>
</div>
<!-- 3.行业分析和市场分析-->
<div class="step" data-x="5000" data-y="1800" data-scale="3">
<h1><b>市场分析</b></h1>
</div>
<!--
<div class="step" data-x="4300" data-y="2800">
<h1><b>行业概况</b></h1>
<ul>
<li>运用物联网、云计算、人工智能等技术</li>
<li>具备感知、互联、分析、预测、控制能力</li>
<li>保障交通安全、发挥交通基础设施效能、提升交通系统运行效率和管理水平</li>
</ul>
</div>
-->
<!--
<div class="step" data-x="5300" data-y="2800">
<h1><b>发展现状</b></h1>
<ul>
<li>竞争白热化</li>
<li>开放式平台建立</li>
<li>技术提升、用户行为习惯养成</li>
</ul>
</div>
-->
<div class="step" data-x="4300" data-y="2500">
<h1><b>PEST分析</b></h1>
<ul>
<li>政治:提出《关于积极推进“互联网+”行动的指导意见》:积极推进“互联网+”益民服务</li>
<li>经济:城乡居民收入增加</li>
<li>社会:智能手机普及率提升;城市人群生活方式改变</li>
<li>技术:卫星定位、移动通讯、高性能计算等的应用与发展。</li>
</ul>
</div>
<div class="step" data-x="5300" data-y="2500">
<h1><b>市场分析</b></h1>
<ul>
<li>我国的高速公路10万公里</li>
<li>高速铁路1万公里</li>
<li>城市轨道交通里程3286.51公里(2015)</li>
<li>机动车保有量2.85亿辆(2016年6月底)</li>
<li>中国交通运输领域的很多数字已经是当仁不让地成为世界第一</li>
</ul>
</div>
<div class="step" data-x="5300" data-y="3000">
<img src="img/img3.1.png" alt="">
</div>
<div class="step" data-x="6300" data-y="2500">
<ul>
<li>2015年,我国乘用车产销分别完成2107.94万辆和2114.63万辆,比上年分别增长5.8%和7.3%。(数据来源:中国汽车工业协会统计数据显示)</li>
<li>我国机动车产销的高速增长将带动车联网渗透率快速提升。</li>
<li>2015年我国车联网市场规模已达1500亿元,车联网的渗透率达到10%,未来几年,车联网的渗透率将提高至20%,市场规模有望翻番。</li>
</ul>
</div>
<div class="step" data-x="6300" data-y="3020">
<img src="img/img3.2.png" alt="" width="1000px">
</div>
<!--
<div class="step" data-x="7500" data-y="2500">
<h1><b>案例</b></h1>
<p>互联网巨头纷纷进军车联网产业。</p>
</div>
-->
<!-- 4.智慧出行未来趋势预测-->
<div class="step" data-x="5000" data-y="4500" data-scale="3">
<h1><b>未来趋势预测</b></h1>
<ol>
<li>平台化与行业洗牌</li>
<li>产业链生态闭环</li>
<li>用户体验纵向深化</li>
<li>服务向三四线城市扩张</li>
</ol>
</div>
<div id ="pingtai" class="step" data-x="6000" data-y="4500">
<h1><b>平台化与行业洗牌</b></h1>
<table style="font-size:40px">
<tr>
<td width="150">平台化趋势</td>
<td>易观国际的报告将互联网出行的行业发展划分成探索期(2006-2014)、启动期(2014-2015)和高速发展期(2016-2019)。高速发展期标志着中国互联网出行服务将开始向平台化发展,独立互联网出行服务的流量将主要来自平台化应用。</td>
</tr>
<tr>
<td>细分行业的洗牌</td>
<td>随着互联网专车和拼车的市场格局逐步稳定,互联网代驾、互联网大巴和互联网汽车租赁将在未来迎来激烈竞争,并继续洗牌。与此同时,新的互联网出行领域将被继续挖掘,并在未来一年中得到发展。</td>
</tr>
<tr>
<td>运营模式的洗牌</td>
<td>随着监管政策的出台,若未来专车行业的私家车准入限制设置过高,则意味着对政策风险抵御能力较强的B2C专车模式将在未来获得更大先机。</td>
</tr>
</table>
</div>
<div id="changyelian" class="step" data-x="7000" data-y="4500">
<h1><b>产业链生态闭环</b></h1>
<ul>
<li>智慧出行生态体系发展逐渐成熟,整合了包括专车、拼车、租车、代驾、巴士、试驾等在内的智慧出行细分市场,以及包括违章查询、加油、维修、保养等在内的车主服务等多方面的服务,这些将是未来经济的发展点。</li>
<li>从产业链来看,主要分为软件层、硬件层与商业层。软件层和硬件层是支撑应用层的基础,而商业层则决定资源变现。由于智慧出行逐渐实施平台化战略,已有企业同时布局多个产业链环节以实现生态闭环。</li>
</ul>
<table>
<tr>
<td width="90px">软件层</td>
<td>支撑互联网出行服务的软件及数据服务,一般包含地图与交通数 据和具有导流功能的渠道级应用。</td>
</tr>
<tr class="even">
<td>硬件层</td>
<td>支撑互联网出行服务的交通工具及配套车载终端。</td>
</tr>
<tr>
<td>商业层</td>
<td>支撑应用层进行变现的移动支付、广告及应用分发服务。</td>
</tr>
</table>
</div>
<div class="step" data-x="8000" data-y="4500">
<h1><b>用户体验纵向深化</b></h1>
<p style="font-size:30px">目前智慧出行的服务与体量之间仍然存在断层。2015年,中国主流专车服务提供商纷纷上线了实体车站、虚拟号码等服务差异化产品。在未来,用户体验仍将继续深化。具体的可以依据互联网出行产业生态图谱的部分进行纵向深化挖掘。</p>
</div>
<div class="step" data-x="9000" data-y="4500">
<h1><b style="font-size:80px">服务向三四线城市扩张</b></h1>
<p style="font-size:30px">目前一二线城市的市场体量已经趋于饱和,在高速发展阶段,向三四线城市持续扩张是智慧出行企业接下来为了获取更多用户的关键一步。因此,在未来的一两年,也可以预见到,三四线城市的智慧出行也将面临激烈的竞争与市场争夺赛。</p>
</div>
<div id="yixiu" class="step" data-x="10000" data-y="4500">
<img src="img/img4.1.png" alt="" height="700px">
</div>
<!-- 5. 组员介绍-->
<div id="stuff" class="step" class="step" data-x="8000" data-scale="3">
<h1><b>组员介绍</b></h1>
<p class="group2 group">2组</p>
<p>汪宁(组长)、詹俊赋、杨雨晨、徐珂、孙超杰、宋一凡、牟健娜、匡柯颖、曹明、周宇盛</p>
<img src="img/img5.1.png" alt="" id="logo2">
<p class="group9 group">9组</p>
<p>任溥瑞(组长)、朱光亚、谢凌君、韦辰睿、汪雨婷、秦雪丽、陆晶莹、梁李江、黎梓浩、高素珍</p>
<img src="img/img5.2.png" alt="" id="logo9">
</div>
<!--预览-->
</div>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>