-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
417 lines (413 loc) · 19.5 KB
/
team.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
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>团队介绍</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<link href="css/team.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<link rel="icon" href="img/icon.ico" type="img/x-ico" />
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="home.html">
<img alt="Brand" src="img/brand.png">
</a>
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<div>
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
产品介绍
<!-- <b class="caret"></b>-->
<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
</a>
<ul class="dropdown-menu">
<li><a href="detail_instruction.html">产品简介</a></li>
<li><a href="detail_guide.html">使用向导</a></li>
<li><a href="detail_rate.html">违约概率分析</a></li>
<li><a href="detail_lean.html">偏效应分析</a></li>
</ul>
</li>
</ul>
</div>
</li>
<!-- 下拉 -->
<li>
<div>
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
功能展示
<!--<b class="caret"></b>-->
<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
</a>
<ul class="dropdown-menu">
<li><a href="balance_sheet.html">资产负债表</a></li>
<li><a href="distribution_of_asset_value.html">资产价值分布图</a></li>
<li><a href="analysis_of_partial_effect.html">偏效应分析</a></li>
<!-- <li class="divider"></li>
<li><a href="#">分离的链接</a></li>-->
</ul>
</li>
</ul>
</div>
</li>
<li><a href="team.html">团队介绍</a></li>
</ul>
</div>
</div>
</nav>
<div class="header">
<div class="row">
<div class="col-xs-1 col-sm-2 col-md-4"></div>
<div class="col-xs-8 col-md-8 title">
<img src="img/ignition-team.png">
</div>
</div>
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-4"></div>
<div class="col-xs-10 col-md-4 header-intro">
由14名成员组成，我们怀揣着梦想，希望创造一番天地
</div>
</div>
</div>
<div class="intro">
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-3"></div>
<div class="col-xs-2 col-md-1 left-angle">
<img class="angle" src="img/team-angle1.png">
</div>
<div class="col-xs-6 col-sm-6 col-md-3"></div>
<div class="col-xs-2 col-md-1 right-angle">
<img class="angle" src="img/team-angle2.png">
</div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-sm-9 col-md-5 team-intro">
在Ignition的项目构想形成后，我们项目依据理论建模，算法实现，数据收集，数据存储，产品设计，引用实现与结果呈现这几个模块，分成设计组、客户端组、Web组、理论组，在指导老师张培的悉心指导下，有条不紊地工作，及时有效解决项目开发中遇到的各种问题，集思广益，共同攻克技术难题。
</div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-2 col-md-1 left-angle">
<img class="angle" src="img/team-angle4.png">
</div>
<div class="col-xs-6 col-sm-6 col-md-3"></div>
<div class="col-xs-2 col-md-1 right-angle">
<img class="angle" src="img/team-angle3.png">
</div>
</div>
</div>
<div style="margin-top: 2%">
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6">
<div class="avatar" id="1" style="width: 26%">
<img class="avatar-img" src="img/head1.png">
<div class="text">
设计组
</div>
</div>
<div class="avatar" id="2">
<img class="avatar-img" src="img/head2.png">
<div class="text">
PC组
</div>
</div>
<div class="avatar" id="3">
<img class="avatar-img" src="img/head3.png">
<div class="text">
网页组
</div>
</div>
<div class="avatar" id="4">
<img class="avatar-img" src="img/head4.png">
<div class="text">
理论组
</div>
</div>
</div>
</div>
</div>
<div class="members" id="design" style="display: block">
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/马昕.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">马昕</div>
<div class="mem-text">
在本项目中主要负责团队的组织与管理,各个小组之间的协调，项目的规划，项目实施的监督与改进。并且负责一部分的文档编写与校对以及参与了对于Ignition项目部分技术细节可行性的分析与研究。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/乔晨冉.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">乔晨冉</div>
<div class="mem-text">
负责与前端、后台、PC、设计、算法、理论各方对接，整理信息、协调工作、统筹开发。完成产品整体需求分析与信息结构设计同时负责PC端、Web端的技术说明文档撰写与原型设计。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/赵子婧.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">赵子婧</div>
<div class="mem-text">
web端UI设计，能够合理安排时间，和组员讨论好每个细节，为用户呈现呈现最精准的产品定位以及最舒适的用户体验。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/王艺.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">王艺</div>
<div class="mem-text">
负责项目平面视觉设计，根据产品需求，完成产品的整体美术风格、交互设计、界面结构、操作流程等，具体包括项目PC端的界面和UI设计，和交互界面、图标、LOGO、按钮等相关元素的设计与制作。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/唐雯.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">唐雯</div>
<div class="mem-text">
负责界面的布局、美化与交互设计。设计产品展示的流程，展示的基本布局，展示素材的制作以及相关的视觉优化。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
</div>
<div class="members" id="pc">
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/林泽昊.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">林泽昊</div>
<div class="mem-text">
主要负责服务器端开发，参与核心算法构建和实现。并负责客户端算法效果展示和实现
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/沈达.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">沈达</div>
<div class="mem-text">
国际软件学院软件工程系2015级本科生，担任自强安卓组成员，现加入武汉大学国际软件学院大数据云实验室，开发一款基于精准教育的教育类app，已初步投入使用。参与并独立开发多个项目。这个项目内，主要负责pc端的程序设计，负责包括但不限于登录注册，新建分析，历史分析查询等功能，涉及动画渲染，数据库设计，网络异步等相关技术。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
</div>
<div class="members" id="web">
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/韩路.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">韩路</div>
<div class="mem-text">
武汉大学国际软件学院2015级本科生，耐心，爱钻研，敢担责，拥有较强的数学能力，在该项目中负责技术交流对接与核心算法的实现，神经网络曲线回归的编写，并兼后台的开发、部署与测试
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/叶振宇.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">叶振宇</div>
<div class="mem-text">
主要负责后台的一部分工作，主要实现了用户的登陆注册以及数据的实时更新等功能，在这当中利用了消息队列的方法来完成数据的更新，同时负责服务器方面的部署和维护等相关工作，在这当中感觉受益匪浅。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/王超.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">王超</div>
<div class="mem-text">
在本项目中为web前端组长，包括网页基本布局、插件选择、响应式页面、网页动画的实现、任务分配等。开发过程中一直保持与产品经理及设计人员交换意见，力求呈现更优秀的网页端。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/梁梓睿.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">梁梓睿</div>
<div class="mem-text">
2015级武汉大学国际软件学院本科生，在本项目中负责web前端的开发，包括网页布局、响应式页面、网页动画的实现，另外还负责了网站的测试。主要使用的技术包括：HTML,CSS,Bootstrap,jQuery。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
</div>
<div class="members" id="theory">
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/张温馨.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">张温馨</div>
<div class="mem-text">
理论组负责人，统筹安排经管同学的工作，确保理论组高效高质量的完成工作；负责确定项目主题、给出系统算法、构建核心模型和撰写商业计划书，确保算法和商业计划书的质量。并及时与产品组及指导老师交流沟通，不断完善产品。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/徐雨楠.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">徐雨楠</div>
<div class="mem-text">
主要负责模型创新与偏效应的研究，通过广泛查阅文献资料，我和同伴们对KMV模型进行改良，同时引入了包含影子银行的“新型资产负债表”以此衡量影子银行业务对商业银行造成的风险。此外，在模型的基础上，我提出了偏效应的概念和测度方法。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/李昱言.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">李昱言</div>
<div class="mem-text">
工作主要负责项目计划书背景方面的书写，负责大部分的项目翻译工作。参与讨论产品的模型构建，协助完成产品偏效应的描述。与国软方面产品负责人对接，商量解决产品的技术问题。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
<div class="row">
<div class="col-xs-1 col-md-3"></div>
<div class="col-xs-10 col-md-6 mem-intro">
<div class="col-xs-6 col-md-4">
<img class="mem-photo" src="img/team-member/肖繁艺.jpg">
</div>
<div class="col-xs-6 col-md-8 member">
<div class="name">肖繁艺</div>
<div class="mem-text">
在项目筹划过程中参与项目核心模型的构建，并且根据历年数据对算法进行试算；在项目书编写过程中明确产品的目标市场定位、项目的生产收入模式、项目意义等，着重解决了产品的市场营销方式的问题；在项目实施过程中和小伙伴们一起对产品页面布局进行设计并且负责产品的整体美化。
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-4"></div>
</div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/zoom.js"></script>
<script>
$(document).ready(function () {
$(".avatar").click(function () {
//set all members info to default
$(".avatar").css("width","22%");
$(".members").css("display","none");
//set the clicking avatar and its corresponding members info
var group=$(this);
group.css("width","26%");
var id=group.attr("id");
//show the corresponding group
switch (id){
case '1':
$("#design").fadeIn(300);
break;
case '2':
$("#pc").fadeIn(300);
break;
case '3':
$("#web").fadeIn(300);
break;
case '4':
$("#theory").fadeIn(300);
break;
}
});
});
</script>
</body>
</html>