微信客户端内部推荐项目总结

最新推荐文章于 2021-08-04 10:12:20 发布

产品经理读书会

最新推荐文章于 2021-08-04 10:12:20 发布

阅读量2.4k

点赞数

分类专栏：项目总结

本文链接：https://blog.csdn.net/yingyiledi/article/details/41122337

版权

项目总结专栏收录该内容

14 篇文章 0 订阅

订阅专栏

现在实习的公司在面向企业提供招聘服务领域数一数二，而下半年的产品重点就在于移动端微信招聘项目。而这次内推项目开发属于微信招聘一个分支。

一、内推综述

乐帝之前读《招聘与录用》这本HR教材时，将企业外部招聘分为几个层次，基层员工招聘电视或报纸广告即可。知识性员工和中层管理人员采用人才市场和网络招聘即可。对于高级管理和技术人才就得考虑采用猎头来招聘了。而内部推荐同事、朋友介绍和推荐算是一个独特的途径，这种途径获得的人才往往更可靠。

二、内推网评价

互联网创业者也有针对原有招聘渠道的短板进行单点突破创立了内推网。内推的优势就是传统招聘的劣势，内推网创始人的观点可以归结为以下几点：

传统招聘系统的构建是基于面向HR来构建产品系统，而HR渠道走得流程比较长，对现代点对点的沟通效率相对低效。
传统招聘对招聘职位内容及职位要求描述千篇一律，构成信息不对称。
传统招聘网站投递是多对多的关系，海量信息造成效率低下。
猎头或HR对具体职位要求不了解，招聘人员不匹配。
初创团队不能承受猎头高费用，即费用承受能力有限。

针对以上问题，内推网创始人给出的解决方案如下：

招聘系统由单纯HR通道变成多通道，主管、员工都可以招人，构成C2C模式。
直接招聘需求方进行招聘，可以对职位要求的更清晰。
人为限制招聘者发布职位数量以及限制应聘者发布简历次数。
内推网发布职位只需要认证公司邮箱，绑定邮箱后就可以搜索人才。

从《创新者的解答》这本书观点，乐帝分析了一下，未来招聘行业就如同银行这个行业，HR或银行收银员都会消失，但是作为公司文化的融合剂的职位却不会消失，所以从这一点看，内推网的方向也是对的。同时其看重的面向群体也恰到好处，即不在乎招聘服务质量，能有低廉的服务就好，“有比没有强”的用户，用户选择也正确。总的来说消灭HR、低价服务才是内推网的核心。

恰恰是这两点核心是传统招聘网站不敢颠覆的，因为HR与服务收费是其盈利的根本。如果两者都没有那相当与自掘坟墓。而这恰是内推网颠覆的点。其他内推网创始人提到的点，真不算招聘的硬伤。因为乐帝体验内推网，发现信息不对称是天然的，内推网并没有解决这些问题。

乐帝预计未来一段时间传统招聘还会处于统治地位，内推网想快速崛起有两条路：

利用校招内推，借校招之势，将内推网推到风口。
取得投资，大肆投广告，硬生生打开局面。

目前内推网的盈利模式与招聘网站无二，也是通过投广告和卖简历赚钱，并伴随一些自动化猎头服务。

以上分析可知，内推网并没有远离传统招聘模式，而只是在传统招聘模式下，拉出一个内推的模块进行单点突破，当然未来前景还要看创始人对整个传统招聘流程的颠覆，目前看来还远远不够。

三、内推系统流程构建

乐帝所从事微信客户端内推项目从各方需求考虑，企业内推降低招聘合适人才成本，员工拥有帮助亲朋好友及获得内推奖励，被内推者则获得工作机会。从需求角度考虑，是三方共赢的。既然三方有需求，那么三方就构成利益相关方，内推系统的构建也要围绕这三方来构建。

需求部门释放职位需求到需求池——>员工选择职位并填入被内推人基本信息——>被内推上传或填入简历登记表——>简历进入需求池，内推流程结束——>回归正常招聘流程。

在有了上述流程后，乐帝通过最近项目估计工期的神器思维导图工具MindManager。首先，构建了项目页面间逻辑流程图：

参见资源地址：http://download.csdn.net/detail/yingyiledi/8162833

然后根据逻辑图，确定需要的页面种类及页面内部架构图：

内推页面架构图

上述内推页面架构涉及到PC端向移动端迁移用到的设计思维，移动端相比于PC端视窗较小，页面构建更加趋于瀑布流方式，即将本来平行的页面压缩成竖行的页面，或者将其改造成按钮显示或隐藏的交互方式，以适应移动端信息展现的特点。

有了上述页面架构及关键UI部件，剩下的就是对交互的具体构建了，乐帝通过分析上述两个文件，构建了项目的交互流程图:

有了上述对项目流程、页面UI部件、页面交互逻辑的分别构建之后，整个项目的逻辑及工作量一目了然。剩下的就是一些技术实现的问题了。

四、内推系统技术细节

关于项目技术实现的细节乐帝写了对几个大的知识点进行了研究总结。

参见：

以下内容是内推系统中涉及到不太复杂知识点的总结：

样式部分：

1.css reset

项目采用了jquery mobile，jquery mobile实现高度模块的同时，也牺牲了个性化定制的效率。个性化定制样式之前需要引入css reset用于重置样式，乐帝采用了玉伯的解决方案，以后需要在整个项目中统一引入，来重置样式。

2.字体及边距的设置单位

乐帝在移动端采用em的单位，是考虑到移动端的伸缩效应，em单位会随着浏览器默认字体的大小，伸缩适应页面字体及宽度变化。

3.按钮样式的设置

按钮出于美观考虑，可以设置三点：圆角、盒子内阴影、盒子外阴影。盒子内阴影可通过box-shadow的inset属性来设置。默认是外阴影设置。

4.iframe使用场景

业务上登录页面的跳转，为了使页面切换更加流程，使用了iframe设置登录页面，只在页面内跳转，用户等待时间更短。当然此时iframe宽和高需设置成100%，同时去除边框。

5.预格式文本的处理

项目中预格式文本通过pre标签框住，但这就有长文本不换行的风险，采用如下css样式解决长文本不换行与多余空格问题：

word-break: break-all;
word-wrap:break-word;
white-space: normal;

6.页面涉及到文字尽量使用细体字,按钮以及菜单项采用粗体。

交互：

1.页面元素如需预先隐藏，尽量用css display：none实现，假如写到js代码中，dom加载完毕执行js代码会有一个时延问题。

2.jquery mobile切换页面无论是采用html结构内书写还是通过api接口实现切换，为了流畅切换，都尽量使切换效果为none。

3.采用搜索或菜单隐藏按钮时，要考虑到是否将数据重置的问题。

微信接口调用：

1.微信公众平台开发者文档中提供了四个微信JS接口。本项目用到两个：用于控制右上角按钮隐藏与显示、微信页面的关闭。接口的使用方法基本是引入代码到页面指定逻辑即可。

2.设置分享到朋友圈以及分享给微信好友都涉及到微信相应接口的使用。即对相应按钮事件进行绑定，并回调配置函数，本项目中主要涉及URL添加一个来源字段的设置。

function sharePage(imgUrl, lineLink, descContent, shareTitle) {
     imgUrl = imgUrl || '';
     lineLink =lineLink || window.location.href;
     descContent = descContent ||  '';
     shareTitle = shareTitle ||  '职位分享';

    function shareFriend() {
        lineLink += "&fromMedia=shareByfriend";//添加分享自朋友字段
        WeixinJSBridge.invoke('sendAppMessage', {
            "img_url": imgUrl,
            "img_width": "640",
            "img_height": "450",
            "link": lineLink,
            "desc": descContent,
            "title": shareTitle
        }, function (res) {
            //_report('send_msg', res.err_msg);
        });
    }
    function shareTimeline() {
        lineLink += "&fromMedia=shareBytimeLine";//添加分享自朋友圈字段
        WeixinJSBridge.invoke('shareTimeline', {
            "img_url": imgUrl,
            "img_width": "640",
            "img_height": "450",
            "link": lineLink,
            "desc": descContent,
            "title": shareTitle
        }, function (res) {
            //_report('timeline', res.err_msg);
        });
    }
    function shareWeibo() {
        WeixinJSBridge.invoke('shareWeibo', {
            "content": descContent,
            "url": lineLink,
        }, function (res) {
            //_report('weibo', res.err_msg);
        });
    }
    // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。  
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        try {
            var title = $('title');
            if (title != null) {
                shareTitle = title.text();
            }
        } catch (e) {

        }
        // 发送给好友  
        WeixinJSBridge.on('menu:share:appmessage', function (argv) {

            shareFriend();
        });

        // 分享到朋友圈  
        WeixinJSBridge.on('menu:share:timeline', function (argv) {
            //shareTitle = prompt("输入分享的标题", shareTitle);

            shareTimeline();
        });

        // 分享到微博  
        //WeixinJSBridge.on('menu:share:weibo', function (argv) {
        //    shareWeibo();
        //});
    }, false);
}

五、相关工具的使用

1.ps抠图

在没有提供UI图及图标的情况下，乐帝通过网上搜图标或搜图片构造项目使用的图标，这里面就涉及到用PS抠图。

乐帝这次抠图主要使用PS魔棒工具。

第一步：选取魔棒工具，并采用shift+鼠标左键方式选定扣中区域，这个可以通过设置容差调节抠图选择精度。