Client internal recommendation project summary, mail client project summary
Currently, the internship companies are offering one of the most recruitment services for enterprises. The product focus in the second half of the year is the mobile terminal recruitment project. The development of this push Project is a branch for recruitment.
I. Overview
When ledi previously read the HR textbook "Recruitment and recruitment", he divided the external recruitment of the company into several levels, and the grass-roots employees can recruit TV or newspaper advertisements. Knowledge-based employees and middle-level management personnel can be recruited through the talent market and network. For senior management and technical talents, you must consider using headhunting for recruitment. Internal recommendation of colleagues, friends, and recommendations is a unique way to obtain more reliable talent.
Ii. Evaluation of Intranet push
Internet entrepreneurs have also made single-point breakthroughs to address the shortcomings of the original recruitment channels and created an intranet push network. The advantage of Intranet pushing is the disadvantage of traditional recruitment. The opinion of the founder of Intranet pushing can be summarized as follows:
- The traditional recruitment system is built based on the HR-oriented product system, while the HR channel has a long process, which is relatively inefficient for point-to-point communication.
- Traditional recruitment has the same description of the content and requirements of the positions, which leads to information asymmetry.
- Traditional recruitment websites share many-to-many relationships, resulting in inefficiency due to massive volumes of information.
- The headhunting or HR personnel do not know the specific job requirements, and the recruiters do not match.
- Startup teams cannot afford high costs, that is, they have limited capacity to afford the costs.
The solution provided by the founder of the Intranet push network is as follows:
- The recruitment system is changed from a single HR channel to a multi-channel mode. supervisors and employees can recruit people to form a C2C mode.
- Direct recruitment by the demand side for more clear requirements on positions.
- Manually limit the number of positions to be published by recruiters and the number of resumes to be posted by candidates.
- To publish a job on the Intranet, you only need to authenticate the company email address. After binding the email address, you can search for talent.
From the perspective of innovator's answer, ledi analyzed that in the future, the recruitment industry will be like the banking industry, where HR or bank cashiers will disappear, however, the position as a fusion agent of corporate culture will not disappear, so from this point of view, the direction of Intranet push is also correct. At the same time, the target audience is just right, that is, they do not care about the quality of recruitment services and can have low-cost services. "There are better users than none", and the user selection is correct. In general, eliminating HR and low-price services is the core of Intranet push.
It is precisely these two core points that traditional recruitment websites do not dare to subvert, because HR and service charges are the foundation of their profitability. If neither of them exists, it is equivalent to digging the grave. This is exactly the point where the Intranet is revolutionizing. The other points mentioned by the founder of the Intranet push network are not really a recruitment injury. Ledi experienced Intranet push and found that information asymmetry was natural. Intranet push did not solve these problems.
Ledi expects that traditional recruitment will still be dominant in the future, and there are two ways for Intranet push to rapidly rise:
- Use school recruitment to push the Intranet to the public.
- Making investment, advertising, and opening up the situation.
Currently, the profit model of Intranet push is no different from that of recruitment websites. It also makes money by advertising and selling resumes, along with some automated headhunting services.
The above analysis shows that intranet push is not far from the traditional recruitment mode, but is just a single point of breakthrough by pulling out an internal push module in the traditional recruitment mode, of course, the future prospects also depend on the Founder's disruption to the entire traditional recruitment process. At present, it seems far from enough.
Iii. Construction of the internal push system process
Ledi is engaged in the client's internal push project. Considering the needs of all parties, the enterprise's internal push reduces the cost of recruiting suitable talents. Employees have the ability to help friends and family and receive internal push rewards, the person being pushed by the inner gets a job opportunity. From the perspective of demand, it is a win-win situation among the three parties. Since the three parties have a need, the three parties constitute stakeholders, and the construction of the internal push system should also be built around these three parties.
To release a job from a demand department, go to the demand pool --> select a job for an employee and enter the basic information of the person to be pushed internally --> upload or enter the resume Registration Form --> resume to enter the demand pool, end of the internal push process --> return to the normal recruitment process.
After the above process, ledi uses MindManager, an artifact Mind Map tool for estimating the construction period of the latest project. First, the logical flowchart between project pages is constructed:
See resource address: http://download.csdn.net/detail/yingyiledi/8162833
Then, based on the logic diagram, determine the desired page type and the internal structural diagram of the page:
Architecture of the internal push page
The above push-in page architecture involves the design thinking used for PC-to-mobile migration. Compared with PC-side windows, mobile-side page construction tends to flow in waterfall mode, compress a parallel page into a Vertical page, or convert it into a button display or hidden interaction mode to adapt to the characteristics of mobile terminal information display.
With the above page architecture and key UI components, the rest is the specific interaction construction. By analyzing the above two files, ledi builds the interaction flowchart of the project:
With the above construction of the project process, page UI components, and page interaction logic, the logic and workload of the entire project are clear at a glance. The rest is about technical implementation.
Iv. technical details of the internal push system
Ledi has summarized several major knowledge points about project technical implementation.
See:
- Frontend programming improvement journey (9)-latency object
- Frontend programming improvement journey (10)-Form Verification plug-in and cookie plug-in
- Improvement of front-end programming (11)-jquery Code Organization
- Frontend programming improvement journey (12) ---- position placement value application
The following is a summary of the less complex knowledge points involved in the internal push system:
Style section:
1. css reset
The project uses jquery mobile, jquery mobile achieves a high degree of module, but also sacrifices the efficiency of personalized customization. Css reset needs to be introduced before customizing styles for resetting styles. ledi adopts the yuber solution, and later needs to be uniformly introduced throughout the project to reset styles.
2. Set the font and margin units
Ledi uses the em unit on the mobile end, which is based on the scaling effect on the mobile end. The em unit scales to adapt to the page font and width changes with the default font size of the browser.
3. Button style settings
For the sake of appearance, you can set three points: rounded corner, shadow inside the box, and shadow outside the box. The box shadow can be set through the inset attribute of box-shadow. The default value is the external shadow setting.
4. iframe application scenarios
In order to make page switching more flow, the iframe is used to set the login page, only jump within the page, the user wait time is shorter. Of course, you need to set the iframe width and height to 100% and remove the border at the same time.
5. pre-formatted text processing
Pre-formatted text in the project is framed by the pre label, but there is a risk that long text does not wrap. The following css style is used to solve the problem of long text does not wrap and redundant spaces:
word-break: break-all;word-wrap:break-word;white-space: normal;
6. The text on the page should contain as many characters as possible, and the buttons and menu items should be in bold.
Interaction:
1. If the page elements need to be hidden in advance, use css display: none as much as possible. If the elements are written to js Code, there will be a latency problem when JavaScript code is loaded and executed.
2. The jquery mobile switch page allows you to switch between pages in the html structure or through the api interface. To achieve smooth switching, try to set the switch effect to none.
3. When using the search or menu hide button, consider whether to reset the data.
Interface call:
1. Four JS interfaces are provided in the public platform developer documentation. This project uses two functions: Hide and display buttons in the upper right corner, and disable pages. The interface is used to introduce code to the page to specify the logic.
2. You can use the corresponding interfaces to set up sharing to a circle of friends and sharing to a friend. That is, bind the corresponding button event and call back the configuration function. This project mainly involves adding a source field to the URL.
Function sharePage (imgUrl, lineLink, descContent, subject title) {imgUrl = imgUrl | ''; lineLink = lineLink | window. location. href; descContent = descContent | ''; Title = title | 'job sharding'; function compute friend () {lineLink + =" & fromMedia = shareByfriend "; // Add WeixinJSBridge. invoke ('sendappmessage', {"img_url": imgUrl, "img_width": "640", "img_height": "450", "link": lineLink, "desc": DescContent, "title": partition title}, function (res) {// _ report ('send _ msg ', res. err_msg) ;});} function effectimeline () {lineLink + = "& fromMedia = shareBytimeLine"; // Add WeixinJSBridge, a field shared from the circle of friends. invoke ('effectimeline', {"img_url": imgUrl, "img_width": "640", "img_height": "450", "link": lineLink, "desc ": descContent, "title": partition title}, function (res) {// _ report ('timeline', res. err_msg );});} Function compute Weibo () {WeixinJSBridge. invoke ('incluweio ', {"content": descContent, "url": lineLink,}, function (res) {// _ report ('weibo', res. err_msg) ;};}// when the built-in browser completes internal initialization, The WeixinJSBridgeReady event is triggered. Document. addEventListener ('weixinjsbridgeready', function onBridgeReady () {try {var title = $ ('title'); if (title! = Null) {your title = title. text () ;}} catch (e) {}// send it to WeixinJSBridge. on ('menu: share: appmessage', function (argv) {friend () ;}); // share it with WeixinJSBridge. on ('menu: share: timeline ', function (argv) {// shareTitle = prompt ("Enter the share title", shareTitle); shareTimeline ();}); // share it with Weibo // WeixinJSBridge. on ('menu: share: weibo ', function (argv) {// shareWeibo (); //}) ;}, false );}
V. Use of related tools
1. ps tips
Without providing UI charts and icons, ledi searches for icons on the Internet or images to construct the icons used by the project. In this case, PS is involved.
This time, ledi uses the PS magic wand tool.
Step 1: select the magic wand tool and use shift + left mouse button to select the selected area. You can adjust the accuracy of the selection by setting the tolerance.
Step 2: Right-click the source image and select copy layer. Add the source image to a new layer and set the source image to invisible.
Step 3: select the slicing tool and select the new layer to form a separate slice.
Step 4: select the format used by the web to store the slice.
Step 5: Go to the desktop and find the image folder and find the cut icon.
2. Use Fiddler2
Frontend development pays great attention to what you see is what you get. However, to develop a mobile project, you can only operate on a remote server to implement this function, but the operations on the remote server are cumbersome and slow. Here, a software fiddler is used.
This software can intercept local HTTP requests.
By adding rules, assuming that the request matches with the corresponding local file, the remote project can be developed locally and the effect can be viewed in real time, note that you can click the allow automatic response option to start this function.
Vi. Actual project diagram
See ledi Network Disk sharing address: http://yunpan.cn/cAm6Z5zgHyqzv access password b663
