场地预约类活动O2O的制品运维分析

目录

简介


大三下软件连串结构课程项目-前端部分

主页效果查看

报到页效果查看

(恐怕加载比较缓慢)

  1. 行业的迈入阶段

框架


基于Bootstrap,ECharts,JQuery开发

2. 从系统运转中央看产品设计和平运动营

作者


Nirvana-zsy

github地址

3. O2O 平台对商店经营销售的增量

时间


 初叶时间:20170308

先是次提交时间:20170310

其次次创新时间:20170321

4. 用户量的升级中的”自传入”机制

前后台接口表明


5. 题外话: 运动社交是伪供给

 

见上述github地址

 

一. 行业的前进阶段

自中华夏族民共和国互连网发展一来,中华夏族民共和国网络好友四大类的需求获得了天翻地覆的满意,并且成功了 BAT
三大巨头,那四大类的需求分别是:对音讯音讯的急需,对社交通信的急需,对进货产品的供给,对游乐娱乐的要求.而公众点评认为,用户对线下集团服务的供给,将会做到下3个巨头.然则在移动这么些领域里,却鲜有人涉嫌,我们都在关切生活是还是不是获得满意之余,大家对于移动那个大市场却贫乏充裕的关切.

华夏的网络,也欠国人1个关切”运动健康”的平台 —–
在那么些平台,除了更好的满意人们的移位之余,更进一步更好的去改良人们对此活动的”观念和体验”,引导我们怎么特别健康生活.就当下而言,互连网在”运动”这些小圈子,仍处在运营的阶段.因而机会窗口还有很多.

品种中相见的标题


二. 从系统运维中央看产品设计和平运动营

从人们的移动场景出发,能够分成以下项目:

  1. 单人运动,如跑步,健身房类型的位移;

  2. 部落活动,如羽球,兵乓球,网球,篮球,足球等Borgward大面积的活动;

  3. 私家找教练和达人约陪练的.

PEUGEOT运动里边,论基数大,需要频发度高的,当属群众体育活动,由此市集也是最大的.找教练的供给也比较普遍,但频发度相对较低,生命周期也正如短.

从场地预定服务入手,整个产品和营业,必须围绕着以进步各方利益为出发点来规划,在这么些系统里,各方剧中人物之间的涉嫌如下图所示:

场合预约类系统

成套种类中:

1). 场馆:是整整系统的为主能源,假设没有场地财富,那么此类平台是不也许发展兴起的,那也同时是个竞争壁垒.所以产品和平运动营的关键点之一,是围绕怎么提高场合的纯收入进行开始展览.而由上航海用教室大家得以看看:

场合主营业收入 = 预约场地量(组织者+教/陪练) +
器材消费(包蕴饮料等科学普及服务消费)

而内部绝超越33.33%出自于场地的预定量,场地的预约量又多方源点组织者的预约.

2)组织者:是接连场地和平常运动者的关键,场所的预约量的首要力量,因而平台能凑合愈多的组织者,那么对于场面财富的吸引就越大.而大班的必要,有预约场地和征集运动者参预两大学一年级部分,因而想要聚集组织者在这一个平台上,满意以下两点:

a.
提供高性价比的地方预定,就当下而言,就是能够用相比较低的价位预定场面(除了价格外,是或不是预定场所还跟大班与场合地方距离有相比较强的涉嫌,而那平日是无力回天改变的因素).

b.
提供有利/高效的招兵买马活动者的服务,知足球协会会者随时到处都得以团体活动的须求,那象征平台需求确认保证场所周边覆盖到足量的运动者(加入运动,地理地方是相当大的一个勘验因素).

3). 运动者:选手的急需有三部分:
参与运动,找教/陪练,消费器材和饮品周边服务,由此平台对运动员的诱惑,满意以下两点:

a. 参预运动: 高品质,低开销.之所以有高品质,是因为在群体活动中,竞争双方或多边青眼实力旗鼓十一分.假诺实力悬殊,那么全体活动的质量就不高,那对运动员而言,是一种非凡差的体验.

b.教/陪练:
寻找到适合的教练,可靠的陪练.教练首借使对技术提高有令人侧目供给的美貌有含义,而陪练不小程度上,也许只是满意”孤独”的争执必要.绝对来说,供给的基数和频发度都不会很高.

4). 教练/陪练:教练的财富在全方位连串的运作里,是最不主要的一环,不过却足以用作一种盈利的法子补给到平台里边.

1.jq中数组的遍历

标题讲述:

鉴于表单中复选框在传值方式是如此的:

<input type="checkbox" name="hobby" value="足球">足球
<input type="checkbox" name="hobby" value="电影">电影
<input type="checkbox" name="hobby" value="音乐">音乐

 

当自个儿中选足球和音乐八个采取,向后台传递的键值对串是如此的:hobby=足球&hobby=音乐

不过大家组的后台gg说,能还是无法把全体的值放在1个字符串里不胫而走后台呢?正是那样的作用:hobby=足球+音乐

于是乎笔者就必要在付出表单前,获取具有的当选的checkbox的value值,再整到二个字符串里边,然后再赋值给三个用来传值的隐形的输入框传给后台。

一起首笔者的代码是这么敲的

var checkbox_arr=$(".checkbox:checked");
var longstr='';
for(var i=0;i<checkbox_arr.length;i++){
    longstr=longstr+'+'+checkbox_arr[i].val();  
}

 

多么。。。平常的思绪,而且test了须臾间,数组的length是对的,不过,报错了:checkbox_arr[i].val
is not a function…

在网上查了很久,也看了成千上万技巧博客和文书档案,还是没找出原因,但找到了另一种思路:

var val_realstr = "";
$('.showcheckbox:checked').each(function(i){
f(0==i){
    val_realstr = $(this).val();
}else{
    val_realstr += ("."+$(this).val());
}
});

 

那般做是间接通过jq的each()方法,直接对checkboxDOM对象开始展览操作,each()方法自个儿正是jq用来操作DOM对象的,那样做就防止了中等出错。

有关上面包车型客车情势为何错,作者在segmentfault上发问了,等化解了再来填坑(天呐。。。笔者怎么留下了这么多坑)

 

三. O2O 平台对商店营销的增量

上文从系统运营中四处剧中人物要求的角度展开了分析,但在O2O平台,对于线下的小卖部来说,能够取得怎么样额外的增量?

回溯一下集团收入的整合:

场面主营业收入 = 预定场所量(协会者+教/陪练) +
器材消费(包括饮料等常见服务消费)

那么我们能够怎么从进步预定场面量和广大服务的消费上,进步场地的主营业收入呢?

1).精致运行的或者,降低地方空置率,提升场所预定量.

场管的某时段的预约量 = 固定订场量(如集团等的一定订场) + 非固定订场量

一般的话,场合对空置率这一个题材皆以至极被动的.基本都属于靠天吃饭,场面的人士天天都以坐等消费者本人打电话来订场.而除了那几个之外定位的专营商单位或领队协会订的场外,其余的场地是还是不是有人订,都以处于不可控的状态.那么那里就存在着精致运维的大概性.
O2O
的平台最大的风味,就是能够识别出场面周边的消费群众体育.假设场合的管理人,在看似某个时间段里,依旧发现还有部分场没人定,就足以在平巴尔的摩,以一定的经营销售手段,比如降价可能附赠消费等艺术,把该时间段的场次推送到买主前面,以提高订场率.

2).经营销售手法的三种化,同时进步预约量及常见服务的消费.

如上一段提到的,普通市场的经营销售,大多都是难受的,而且经营销售的办法也比较单一.在
O2O 平台上,为同盟社提供了当仁不让经营销售的还要,是不是还是能在经营销售手段上,进一步升高.

a. 捆绑周边产品打折的消费格局:
提供订场的同时,以优越的情势同时捆绑饮料依旧器材等共同销售,升高周边产品的销量.

b. 减价/附赠券/积分等方法:
针对平台上的老会员,能够拿走一定的优惠,以升级用户的忠实度.

c. 阶梯降价/众筹的法子:
对订场的标价依照人数的多少,给予一定的台阶让利.那样的主意,能够鼓励组织者拉来越多的运动者.那种办法同时能够与捆绑周边产品消费的章程结合起来,以完毕愈来愈多的选手,消费愈来愈多的周边产品消费的目标.

2.jq中attr(),prop()的区别

难题讲述:

无差距于爆发在checkbox身上。。。由于自己把每一种checkbox都放进了bootstrap的下拉列表组件里,它爸是li标签,由于a标签不像label标签一样有贰个能跟input关联的for属性,所以自身必须在li上其余添加点击事件,当点击li时,改变子成分(约等于所点击的li标签下的checkbox)的checked的值,要转移首先就要获取那几个值,于是难点就应运而生在此间,作者用了attr()方法获得不对,可是当自家测试输出获取的要素的id值时,正确输出了,表明正是attr()方法有错,在自个儿查了文书档案和技术博客之后才精通,attr(),prop(),分别要在何时用:

四. 用户量的升高中的”自传入”机制

司空眼惯的成品运营思路把用户量的进步,单纯地用沟渠举行的措施来开始展览,可是对于有个别出品,拥有自传播的风味,会使用户量的拿走,有一个更大的升高.最棒的营业,其实是成品自己,而不是此外.
恰好”群体”运动类的产品,本人就持有自传播的基因.那么,怎样统筹出好的功用,最大限度的发挥出”自传入”的本性,就成了小编们要想想的难点.

如上面系统剧中人物图中所见,这几个天性,来自于组织者与运动员之间的招募和涉企的供给.运动员需求找协会,而集体也必要招募运动员.因而,设计三个”发起活动”的功能,是放任自流的选料,关键点在于,发起活动后,达成最大限度地找来运动员参与,正是使”自传入”最大限度发挥拉新作用的.要找来运动员出席,意味着要把协会者发起的位移最大限度地往外推.那么难点的显要,就成了”什么人”来传播活动.活动的关联方便是传播活动的大将,一是管理员,二是运动员.所以在移动发起之后,能够设想规划三个机制,来最大限度的递进活动关联方实行传播:

a.组织者传播机制:能够应用阶梯优惠/众筹的法门来实行.对领队而言,越四个人涉足,订场的耗费就越低,甚至组织者本人能够博得回扣也许免费的艺术出席活动.当然,对于运动的参加人口,是要跟订的场次挂钩的,不可能凌驾场次可容纳的人数.

b.选手传播机制:行使诚邀返利的章程,运动员约请新的至交进来报名,那么这一次的报名费用,能够回到一部分给该运动员,约请到自然数量的好友,能够减少和免除甚至给予嘉奖的格局,给到运动员.

貌似而言,运动员邀约的人,也是同去报名参预运动的运动员,由此那样的特约机制,逻辑上是实用的.

attr():

对此HTML成分大家协调自定义的DOM属性,在拍卖时,使用attr方法。

五. 题外话: 运动社交是伪需要

谈到移动
O2O,不得不说的一个是运动社交,市集上有相当多的产品,不管是场面预定那种服务类的,照旧提供里程突显那种工具类的成品,都梦想或多或少地往社交的倾向上去靠,而往往效果并不理想.

从社交的”关系链,内容,和交互”三要一直看,做活动社交存在多少个难点:

1). 关系链不够紧密,一旦变成强关系 ,不难迁移到微信中去.

2). 内容过于欠缺,贫乏丰硕度.

3). 互动方式单调,内容贫乏丰盛度,也意味着互动会趋于单调.

中华夏族民共和国的社交圈子,基本已经被微信和陌陌瓜分完了,剩下的基于东风标致垂直领域的争辩(如旅游社交,运动社交等等所谓的弹性社交),大五只是为赋新词强说愁而已,而且最后用户的关系链和内容都会回流到微信/Qzone,博客园可能沉淀在陌陌中.从很多选拔咕咚的人,不在咕咚,而是在微信分享他们的跑步里程,就看得出端倪.

唯一只怕有时机的社交形态,恐怕在于十分小众垂直的天地,在这么些世界里,内容的丰裕度以及存在于小众领域内独有的,异于普通社交的互相格局,会生出出独有,稳固的涉及链,才有与微信等社交共存的或是性.

PS:
此外有个别产品以为把一部分私房移动的动态,分享出来,就对外称为所谓的运动社交,那类的出品也是全体显明缺陷的.

沟通请加小浩 loft 微信:438427112

prop():

对此HTML成分本人就富含的本来面目属性,在拍卖时,使用prop方法。

那也正是自己能用attr获取到checkbox成分id值,却收获不到checked值的因由

 ————————–20170321更新———————————

这一次本着事先的第1个难点更创新一下,也是有关checkbox。

 

首先讲要达到的职能:

1表单中国科高校室私下认可是整套当选的;

2当用户裁撤有个别复选框时,“不限”的按钮也要活动废除;

3当用户选中“不限”复选框,全数科室都要被机关选中。

如图:

 图片 1

 

js代码的思路:

 js代码思路很简短,

1页面加载后得到具有复选框dom节点然后把checked属性值设为true;

2添加“不限”复选框的点击事件,然后拿走其checked值是true依旧false,是true(此处注意若点击后是选中复选框,那么获取到的值就是true,获取到的不是点击前的值,是点击后的值,自信试验须臾间就知晓了);

3.给全体科室复选框添加点击事件,那里跟下边不相同等,为了达到效果最优方案应该是,获取被选中的复选框,判断个数,小于13(一共有13个科室)则将“不限”复选框值设为false。

 

相见的题材:

1.如上述,点击事件函数中收获checked属性,获取到的值是点击后的;

2.依旧关于复选框的checked属性。

上次更新的prop和attr的不同没什么毛病,不过笔者又发现了震惊的新题材:

在html中的复选框标签里面安装checked属性值,

无论那样

<input type="checkbox" checked>

 

抑或如此

<input type="checkbox" checked="true">

 

还是这么

<input type="checkbox" checked="false">

 

结果,这么些复选框,都 会 被 选 中!(经测试,在chrome,ff,safari,ie,edge中都以均等的结果)

本人在mdn查了须臾间checked那脾特性,是这般描述的

When
the value of the type attribute is checkbox, the presence of this
attribute indicates that the control is selected by default. You can
specify this as checked="checked", or simply just checked.

 表达那本性情是不曾false那些值的,在后头编码的时候要防止这一个坑。

 

上边附上源码:

 1 $(document).ready(function(){
 2 
 3     //默认选中所有复选框
 4     var showcheckbox=document.getElementsByClassName("showcheckbox");
 5     for(var i=0;i<showcheckbox.length;i++){
 6         showcheckbox[i].checked=true;
 7     }
 8     //默认选中"不限"复选框
 9     document.getElementById("allcheckbox").checked=true;
10 
11     //如果选中“不限”复选框,那么所有的都要选中
12     $("#allcheckbox").click(function(event) {
13         if($(this).prop('checked')==true){
14              var showcheckbox=document.getElementsByClassName("showcheckbox");
15             for(var i=0;i<showcheckbox.length;i++){
16                 showcheckbox[i].checked=true
17             }
18         }else{
19             
20         }
21     });
22 
23     //如果某个复选框没被选中,那么“不限”复选框就要取消
24     $(".showcheckbox").click(function(event) {
25         if($(".showcheckbox:checked").length<13){
26             document.getElementById("allcheckbox").checked=false;
27         }
28     });
29 }