Author | Luoxue Yong
Producer | sunflower
Original | micro-channel search 'technology mark'
Foreword
In the era of big data, follow the ever-changing and mature related technologies, in this context, the front and rear can play out what else is it? In 18 years of dual 11 activities, the Lynx can be described as a large-screen visualization of play took their eye control technology.
When over one year today, just play the dark horse in the headlines in a big-screen project, in the process, I found the surrounding colleagues and I understand the big screen definitions are not the same, so I reviewed the degree of your mother, the degree of your mother found all sell LED large screen (which was embarrassing ~). This is how to do this obsessive-compulsive disorder a committed, distracted a good night.
After a night of thinking, but also have some personal views on billboards and big screen, in this record, it is necessary to prepare people.
Sei题
When we do back-office systems often hear dashboard, kanban, screen, reports, statistics, portrait, instrument panel and other terms, regardless of whether there are other terms, these terms categorized by landing page is divided into two inlet and details class. Today's protagonist kanban entry page and screen all belong to this category. Another to explain, in some enterprises are often referred to as the kanban dashboard or dashboard; so we can get this information in accordance with the following formula:
dashboard (dashboard) = kanban (billboards) ≠ screen (large screen)
Is more proof or inequality, let's demonstrate the user-oriented, features, technology and other dimensions.
For different users
Kanban, the core of user-oriented operators, followed by other internal staff and BOSS
In the background management system, most systems jump after a successful login page is the first page billboards, such as corporate office software appears after logging on billboards do, handle matters progress, the month and other performance data; Another example is the electricity supplier background tips on billboards after entering the shelves today, the achievements of the amount of trend, the number of new SKU, PV trend, UV trends and other chart; these are the regular routine, then think about management systems who use the most of it? In most cases, I think it is operational, according to their numbers while watching the board and see the details of the analysis operation, and timely adjust the operating strategy, in order to complete operational objectives. Account a small number of cases, there will be technical and back-office systems operation and maintenance, and they log in to view the main kanban system monitoring surveillance system.
Old iron may argue Speaking OA system is not it! Internal employees have so many accounts, certainly more than the number of operators. To address this question, let's first understand two facts, first, in the OA system of enterprise operations personnel actually a personnel or administrative. Second, employees have OA accounts, but they can not log on every day to leave OA is not it! But the personnel and administrative board will basically every day, to lead or to see the employee data. So operators or administrative personnel or core user or system.
Is there a system for operators of billboards is not it? Personal believe is there, just have not met, and so met in to supplement the old iron are not met can leave a message to tell me.
Big screen, the core of the system is user-oriented customers, followed by internal staff, BOSS
Think about where to place a large screen that appears in? In the company front, corridors, offices, or will in the company cafeteria, there is a press conference broadcast live on it! The purpose is to set up a large screen to the customer in a professional, yet tall beagle, if customers are Internet users, then open the live conference, in short, have to let customers feel the company's professional and strong in these areas. In addition to this purpose, there is a layer of meaning, so that internal staff see their hard work and success of a sense of accomplishment!
BOSS Needless to say, billboards and big screen he can not see!
Different Features
Kanban, features a custom support page, multi-page chart, interactive view (click to see details, etc.), manually refresh the chart data
For example: The following example Kanban, a unified system of different users can have different chart items, click on each chart to see the detailed data and search.
Big screen, the page features a digital display (TOP item), not interactive, auto-refresh, strong visual effects, achievements show
For example: the dark horse headlines big screen Demo For example, a single-page large-screen display mode (dual 11 large-screen multi-page display mode is more visual effect), when a certain threshold is set numerical targets to achieve, presenting achievements special effects page to reflect a sense of achievement ceremony.
Different technology
Billboards, large back-end data statistical calculations on display through the front Echarts
From the technical point of view in recent years, billboards, set aside as the back end of the large statistical calculations, or other more conventional techniques, most of the billboards or by the http, vue, echarts core three-piece components. Because it is a manual refresh, so only need to provide http interface to obtain data can be; charts pages using the open source Vue + Echarts to meet most needs. This pattern in the development process is also more easily achieved, few details of the processing. Of course, there are some companies into the products of high-level play, provides automatic refresh, chart customization capabilities.
Big screen, big back-end data statistical computing, data calculated in real time; custom-developed front-end content effects
Black horse with large screen technology headlines as an example (aside large data statistical techniques), kafkastream, websocket, http, vue, d3, jquery, svg, echarts.
Let me talk about the back-end, back-end support requirements of large-screen multi-protocol connection, it is common ws, http protocol, in the case of a protocol is not available, automatically switch to another protocol to ensure that the front end can be real-time access to back-end data. The rear end of the real-time messages on system bus snooping and filtering through kafkastream, and converted into a desired message format distal end, the distal end to a real-time refreshed with the WebSocket. For the back-end ws WebSocket protocol must provide services to manage connection permissions. It also requires http backend provides data acquisition interface that can obtain data in real time calculations. Data flow diagram below:
Besides front-end, front-end large-screen visual effects are particularly high. In addition, the difficult point to achieve large screen is also reflected in the following two little:
Difficulty algorithms: such as large-screen effect tmall double 11, which show the effects of existing front-end framework is no ready-made, so the need for self-realization. In the process of implementing the special effects it will involve a variety of algorithms, as shown brand LOGO are rotated around the address, will involve algorithms 3D spherical coordinates;
Data overflow: big screen back-end data acquisition in real-time, big-screen usually does not close, then the front-end is bound to receive the excess of data, such as not properly handled can cause large-screen special effects Caton, large screen stuck and so on;
Egg
I wanted to sum up the difference between billboards and big screen, but to eat facet of time, and egg situation got back home it ~
Kanban common classification
Kanban :( operators for operations personnel, contains the content business metrics system)
Operation and maintenance Kanban :( for operation and maintenance personnel, contains the contents of the system hardware, container, software, etc.)
Kanban :( monitoring for technical staff, including the operation of the system itself, unusual circumstances, KPI indicators items)
Agile Kanban :( technology-oriented team, including the contents of the task, the work program, resource / schedule, etc.)
BOSS Kanban :( for BOSS, BOSS includes operational concerns, operation and maintenance, KPI and other indicators items)
Big screen common classification
Single-page large-screen :( small cost small production) single-page display all items of digital special effects and achievements
Multi-page large-screen :( big cost big production) per page to show independent digital items and their achievements effects
----------------
Disclaimer: This article is the original article CSDN bloggers "miukoo", and follow CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement. .
Original link: https: //blog.csdn.net/luoxueyong/article/details/99335922