<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.4.3">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2017-04-14T11:47:10+00:00</updated><id>/</id><title type="html">闫东</title><subtitle></subtitle><entry><title type="html">奇虎360-2016最佳新人奖</title><link href="/projects/2017/03/22/won-the-prize.html" rel="alternate" type="text/html" title="奇虎360-2016最佳新人奖" /><published>2017-03-22T15:46:29+00:00</published><updated>2017-03-22T15:46:29+00:00</updated><id>/projects/2017/03/22/won-the-prize</id><content type="html" xml:base="/projects/2017/03/22/won-the-prize.html">&lt;p&gt;2016年，鉴于我在天合项目中的贡献和推动，获得“&lt;a href=&quot;https://www.360totalsecurity.com/en/about/&quot; target=&quot;_blank&quot;&gt;奇虎360&lt;/a&gt;-2016年度最佳新人奖”。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;In 2016, because of my contribution to the TianHe big data project, I won the &lt;a href=&quot;https://www.360totalsecurity.com/en/about/&quot; target=&quot;_blank&quot;&gt;Qihoo 360&lt;/a&gt; - 2016 Year Best Employee.&lt;/p&gt;
&lt;p&gt;&lt;i&gt;2016年会暨表彰会&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Company Annual Meeting&lt;/span&gt;&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/images/wontheprize.jpg&quot;/&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;上台前一刻&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;The moment before the awarding&lt;/span&gt;&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/images/wontheprize2.jpg&quot;/&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;与高层共进晚餐&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Dinner with CEO&lt;/span&gt;&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;img width=&quot;640&quot; src=&quot;/images/dinner.jpg&quot;/&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">2016年，鉴于我在天合项目中的贡献和推动，获得“奇虎360-2016年度最佳新人奖”。 In 2016, because of my contribution to the TianHe big data project, I won the Qihoo 360 - 2016 Year Best Employee. 2016年会暨表彰会&amp;nbsp;&amp;nbsp;Company Annual Meeting 上台前一刻&amp;nbsp;&amp;nbsp;The moment before the awarding 与高层共进晚餐&amp;nbsp;&amp;nbsp;Dinner with CEO</summary></entry><entry><title type="html">天合大数据分析平台（最近的项目）</title><link href="/projects/2017/03/22/TianHe-system.html" rel="alternate" type="text/html" title="天合大数据分析平台（最近的项目）" /><published>2017-03-22T13:46:29+00:00</published><updated>2017-03-22T13:46:29+00:00</updated><id>/projects/2017/03/22/TianHe-system</id><content type="html" xml:base="/projects/2017/03/22/TianHe-system.html">&lt;p&gt;“天合大数据分析平台”是奇虎企业安全的核心产品之一，主要客户为国家公安部底下的多个安全部门，是我在360工作期间参与的主要项目。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;the TianHe Big Data Platform is one of the core products of &lt;a href=&quot;https://www.360totalsecurity.com/en/about/&quot; target=&quot;_blank&quot;&gt;Qihoo 360&lt;/a&gt; company, the major customers are the National Security Department of China, this is the main project when I was working at Qihoo.&lt;/p&gt;
&lt;p&gt;前端技术栈：Angular、D3、SVG、SASS、Leaflet、Rollup、GraphQL等，后端技术栈：Java、Hadoop、Spark、Kafka、Radis、Elasticsearch等。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;Front-End technology stack: Angular, D3, SVG, SASS, Leaflet, Rollup, GraphQL, etc., Back-End technology stack: Java, Hadoop, Spark, Kafka, Radis, Elasticsearch and so on.&lt;/p&gt;
&lt;p&gt;我在项目中负责整个前端，包括视觉设计，交互设计，核心模块的实现，以及前端招聘工作。鉴于我对项目的贡献与推动，我获得了&quot;&lt;a href=&quot;/projects/2017/03/22/won-the-prize.html&quot;&gt;奇虎360-2016年度最佳新人奖&quot;&lt;/a&gt;。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;I was responsible for the entire front-end works of the project, including UI design, interactive design, implementing core Javascript module, as well as front-end recruitment, because of my contribution to the project, I &lt;a href=&quot;/projects/2017/03/22/won-the-prize.html&quot;&gt;won the Qihoo 360 - 2016 Year Best Employee.&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;天合系统的基本理念很简单，基于OPL（Object-Property-Link）数据模型，将任何类型的已有数据库转化为图数据模型,进行关联分析。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;The basic concept of TianHe is simple, it is based on OPL(Object-Property-Link) model, any type of existing database can transform to graph data based on this model.&lt;/p&gt;
&lt;div&gt;
    &lt;i&gt;下图是最基本的示意图&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;The following figure is a basic diagram&lt;/span&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;img src=&quot;/images/whatIsGraphy.png&quot;/&gt;
&lt;p&gt;这些数据来自多个独立系统，有民航数据、电信数据、银行数据、网络数据，将这些数据结合后，我们不难发现出这些人之间的联系。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;These data from a number of independent systems, like airline company, telecommunications company, bank, website, when we combine these data, we can easily find out the association between those people.&lt;/p&gt;
&lt;div&gt;&lt;i&gt;核心模块，数据分析工具&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;the core module of front-end, an interactive data analysis tool&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/tianhe/graph.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img src=&quot;/images/tianhe/graph.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;我将图可视化的代码提取出来，作为一个独立的JS库“&lt;a href=&quot;https://github.com/yandongCoder/g3&quot; target=&quot;_blank&quot;&gt;g3&lt;/a&gt;”，然后在天合里引用，以提高可维护性。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;I extracted the visualization code, as an independent JS library “&lt;a href=&quot;https://github.com/yandongCoder/g3&quot; target=&quot;_blank&quot;&gt;g3&lt;/a&gt;”, then reference it in the project, to improve maintainability.&lt;/p&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;右键菜单&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Right-click circular menu&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/tianhe/circularMenu.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img src=&quot;/images/tianhe/circularMenu.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;因为右键菜单里的功能总在不断变化，直接写HTML和CSS会产生大量代码，难以维护，所以我写了另一个JS库“&lt;a href=&quot;https://github.com/yandongCoder/circular-menu&quot; target=&quot;_blank&quot;&gt;circular-menu&lt;/a&gt;”动态生成。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;Because the items in right-click menu were often changing, and directly writing HTML and CSS will also produce too many code, so I wrote another JS library “&lt;a href=&quot;https://github.com/yandongCoder/circular-menu&quot; target=&quot;_blank&quot;&gt;circular-menu&lt;/a&gt;” to generate code dynamically.&lt;/p&gt;
&lt;div&gt;&lt;i&gt;时间轴&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Timeline&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/tianhe/entity-event.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img src=&quot;/images/tianhe/entity-event.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;</content><author><name></name></author><summary type="html">“天合大数据分析平台”是奇虎企业安全的核心产品之一，主要客户为国家公安部底下的多个安全部门，是我在360工作期间参与的主要项目。 the TianHe Big Data Platform is one of the core products of Qihoo 360 company, the major customers are the National Security Department of China, this is the main project when I was working at Qihoo. 前端技术栈：Angular、D3、SVG、SASS、Leaflet、Rollup、GraphQL等，后端技术栈：Java、Hadoop、Spark、Kafka、Radis、Elasticsearch等。 Front-End technology stack: Angular, D3, SVG, SASS, Leaflet, Rollup, GraphQL, etc., Back-End technology stack: Java, Hadoop, Spark, Kafka, Radis, Elasticsearch and so on. 我在项目中负责整个前端，包括视觉设计，交互设计，核心模块的实现，以及前端招聘工作。鉴于我对项目的贡献与推动，我获得了&quot;奇虎360-2016年度最佳新人奖&quot;。 I was responsible for the entire front-end works of the project, including UI design, interactive design, implementing core Javascript module, as well as front-end recruitment, because of my contribution to the project, I won the Qihoo 360 - 2016 Year Best Employee. 天合系统的基本理念很简单，基于OPL（Object-Property-Link）数据模型，将任何类型的已有数据库转化为图数据模型,进行关联分析。 The basic concept of TianHe is simple, it is based on OPL(Object-Property-Link) model, any type of existing database can transform to graph data based on this model. 下图是最基本的示意图&amp;nbsp;&amp;nbsp;The following figure is a basic diagram 这些数据来自多个独立系统，有民航数据、电信数据、银行数据、网络数据，将这些数据结合后，我们不难发现出这些人之间的联系。 These data from a number of independent systems, like airline company, telecommunications company, bank, website, when we combine these data, we can easily find out the association between those people. 核心模块，数据分析工具&amp;nbsp;&amp;nbsp;the core module of front-end, an interactive data analysis tool 我将图可视化的代码提取出来，作为一个独立的JS库“g3”，然后在天合里引用，以提高可维护性。 I extracted the visualization code, as an independent JS library “g3”, then reference it in the project, to improve maintainability. 右键菜单&amp;nbsp;&amp;nbsp;Right-click circular menu 因为右键菜单里的功能总在不断变化，直接写HTML和CSS会产生大量代码，难以维护，所以我写了另一个JS库“circular-menu”动态生成。 Because the items in right-click menu were often changing, and directly writing HTML and CSS will also produce too many code, so I wrote another JS library “circular-menu” to generate code dynamically. 时间轴&amp;nbsp;&amp;nbsp;Timeline</summary></entry><entry><title type="html">G3</title><link href="/projects/2017/03/22/g3.html" rel="alternate" type="text/html" title="G3" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/projects/2017/03/22/g3</id><content type="html" xml:base="/projects/2017/03/22/g3.html"></content><author><name></name></author></entry><entry><title type="html">CircularMenu</title><link href="/projects/2017/03/22/circular-menu.html" rel="alternate" type="text/html" title="CircularMenu" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/projects/2017/03/22/circular-menu</id><content type="html" xml:base="/projects/2017/03/22/circular-menu.html"></content><author><name></name></author></entry><entry><title type="html">世界遗产监测预警系统</title><link href="/jekyll/update/2017/03/22/world-heritage.html" rel="alternate" type="text/html" title="世界遗产监测预警系统" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/jekyll/update/2017/03/22/world-heritage</id><content type="html" xml:base="/jekyll/update/2017/03/22/world-heritage.html">&lt;p&gt;中国有50处世界遗产，数量为世界第二，世界遗产监测预警系统是一套用于保护遗产地以及文物的先进平台，是我在2013～2015年间参与的主要项目，该系统结合了物联网和Web平台，主要对中国的世界遗产地进行实时监测，我负责了所有的前端开发工作，我参与期间，该系统已经在周口店、长城、龙门石窟、天地之中等多个重要的世界遗产地部署，项目总额近2000万。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;China has 50 World Heritage Sites, ranking second in the world, this system is designed to monitor World Heritage Site in real time, it is the main project I participated during 2013~2015, I was responsible for all the Front-End development work, before I had left, this system had been deployed in multiple famous World Heritage Site, including &quot;Peking Man Site at Zhoukoudian&quot;, &quot;The Great Wall&quot;, &quot;Longmen Grottoes&quot;, &quot;The Centre of Heaven and Earth&quot;.&lt;/p&gt;
&lt;p&gt;前端技术栈：Jquery、RequireJS、HighCharts、OpenLayers、GoogleMap、Less等，后端：ASP.NET、SQLServer。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;Front-End technology stack: Jquery, RequireJS, HighCharts, OpenLayers, GoogleMap, Less, etc., Back-End: ASP.NET, SQLServer and so on.&lt;/p&gt;
&lt;div&gt;&lt;i&gt;对风速风向的实时监测&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Real-time monitoring of wind speed and direction&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/world-heritage/fsfx.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;720&quot; src=&quot;/images/world-heritage/fsfx.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;对缝隙（一种文物病害）的实时监测&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Real-time monitoring of gaps&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/world-heritage/sjtj.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;720&quot; src=&quot;/images/world-heritage/sjtj.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;基于地图的实时数据&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Real-time data based on map&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/world-heritage/gis.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;720&quot; src=&quot;/images/world-heritage/gis.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;实时图表&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Dynamic real-time chart&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/world-heritage/sjts.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;720&quot; src=&quot;/images/world-heritage/sjts.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;龙门石窟项目&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Deployed software of Longmen Grottoes&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/world-heritage/sjts.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;720&quot; src=&quot;/images/world-heritage/lmsk.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;金山岭长城项目&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Deployed software of The Great Wall&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/world-heritage/jsl.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;720&quot; src=&quot;/images/world-heritage/jsl.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;</content><author><name></name></author><summary type="html">中国有50处世界遗产，数量为世界第二，世界遗产监测预警系统是一套用于保护遗产地以及文物的先进平台，是我在2013～2015年间参与的主要项目，该系统结合了物联网和Web平台，主要对中国的世界遗产地进行实时监测，我负责了所有的前端开发工作，我参与期间，该系统已经在周口店、长城、龙门石窟、天地之中等多个重要的世界遗产地部署，项目总额近2000万。 China has 50 World Heritage Sites, ranking second in the world, this system is designed to monitor World Heritage Site in real time, it is the main project I participated during 2013~2015, I was responsible for all the Front-End development work, before I had left, this system had been deployed in multiple famous World Heritage Site, including &quot;Peking Man Site at Zhoukoudian&quot;, &quot;The Great Wall&quot;, &quot;Longmen Grottoes&quot;, &quot;The Centre of Heaven and Earth&quot;. 前端技术栈：Jquery、RequireJS、HighCharts、OpenLayers、GoogleMap、Less等，后端：ASP.NET、SQLServer。 Front-End technology stack: Jquery, RequireJS, HighCharts, OpenLayers, GoogleMap, Less, etc., Back-End: ASP.NET, SQLServer and so on. 对风速风向的实时监测&amp;nbsp;&amp;nbsp;Real-time monitoring of wind speed and direction 对缝隙（一种文物病害）的实时监测&amp;nbsp;&amp;nbsp;Real-time monitoring of gaps 基于地图的实时数据&amp;nbsp;&amp;nbsp;Real-time data based on map 实时图表&amp;nbsp;&amp;nbsp;Dynamic real-time chart 龙门石窟项目&amp;nbsp;&amp;nbsp;Deployed software of Longmen Grottoes 金山岭长城项目&amp;nbsp;&amp;nbsp;Deployed software of The Great Wall</summary></entry><entry><title type="html">SmartSense传感器平台</title><link href="/jekyll/update/2017/03/22/smartsense.html" rel="alternate" type="text/html" title="SmartSense传感器平台" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/jekyll/update/2017/03/22/smartsense</id><content type="html" xml:base="/jekyll/update/2017/03/22/smartsense.html">&lt;p&gt;这套平台是我基于&lt;a href=&quot;/projects/2017/03/22/won-the-prize.html&quot;&gt;世界遗产监测预警&lt;/a&gt;项目中的积累，是一套概念先进的物联网监测平台，软件由我自己开发而成，硬件基于西班牙的&lt;a href=&quot;http://www.libelium.com/&quot; target=&quot;_blank&quot;&gt;Liblium&lt;/a&gt;系列产品。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;This platform was a wireless sensor network monitoring platform, based on the accumulation of previous projects, the software was developed by myself, and the hardware was based on &lt;a href=&quot;http://www.libelium.com/&quot; target=&quot;_blank&quot;&gt;Liblium&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;i&gt;根据之前项目的积累，我提出了这个架构。&lt;/i&gt;&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;&lt;i&gt;According to the accumulation of previous projects, I made this framework.&lt;/i&gt;&lt;/p&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/smartsense/SmartSense.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/smartsense/SmartSense.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;&lt;i&gt;每个传感器产品都内涵一个GPS芯片，通过Wifi或3G传输，将位置和最后一个数据显示在地图上&lt;/i&gt;&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;&lt;i&gt;Each sensor has a GPS chip, through the Wifi or 3G, the location and the last data will displayed on the map&lt;/i&gt;&lt;/p&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/smartsense/SmartSense4.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/smartsense/SmartSense4.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;&lt;i&gt;每个传感器的数据页面&lt;/i&gt;&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;&lt;i&gt;Sensor's data page&lt;/i&gt;&lt;/p&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/smartsense/SmartSense5.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/smartsense/SmartSense5.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;&lt;i&gt;我们也基于Liblium的&lt;a href=&quot;http://www.libelium.com/products/waspmote/&quot; target=&quot;_blank&quot;&gt;Waspmote&lt;/a&gt;芯片做一些自己的产品&lt;/i&gt;&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;&lt;i&gt;We also produce some products based on Liblium's&lt;a href=&quot;http://www.libelium.com/products/waspmote/&quot; target=&quot;_blank&quot;&gt;Waspmote&lt;/a&gt; board.&lt;/i&gt;&lt;/p&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/smartsense/SmartSense2.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/smartsense/SmartSense2.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/smartsense/SmartSense3.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/smartsense/SmartSense3.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;</content><author><name></name></author><summary type="html">这套平台是我基于世界遗产监测预警项目中的积累，是一套概念先进的物联网监测平台，软件由我自己开发而成，硬件基于西班牙的Liblium系列产品。 This platform was a wireless sensor network monitoring platform, based on the accumulation of previous projects, the software was developed by myself, and the hardware was based on Liblium. 根据之前项目的积累，我提出了这个架构。 According to the accumulation of previous projects, I made this framework. 每个传感器产品都内涵一个GPS芯片，通过Wifi或3G传输，将位置和最后一个数据显示在地图上 Each sensor has a GPS chip, through the Wifi or 3G, the location and the last data will displayed on the map 每个传感器的数据页面 Sensor's data page 我们也基于Liblium的Waspmote芯片做一些自己的产品 We also produce some products based on Liblium'sWaspmote board.</summary></entry><entry><title type="html">飞饭网</title><link href="/jekyll/update/2017/03/22/flymeal.html" rel="alternate" type="text/html" title="飞饭网" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/jekyll/update/2017/03/22/flymeal</id><content type="html" xml:base="/jekyll/update/2017/03/22/flymeal.html">&lt;p&gt;飞饭网（飞饭外卖平台）是我的第一个创业项目，是我在校期间和西交大几个研究生共同创建的外卖网站，当时日交易额一直保持在2万以上，我是团队中的核心前端开发。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;Flymeal online food ordering and delivery platform is my first startup business, I created it with others when I was in college, day trading volume had remained at more than 20,000 CNY, I am the core Front-End developer in the team.&lt;/p&gt;
&lt;div&gt;&lt;i&gt;校区主页&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Area home page&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/flymeal/index.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/flymeal/index.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;商家主页&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Restaurant homepage&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/flymeal/foodListUnonline.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/flymeal/foodListUnonline.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;自助开店&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Restaurants to join&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/flymeal/privacy%20Security.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/flymeal/privacy%20Security.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;飞饭美食汇&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Flymeal Foods&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/flymeal/list.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/flymeal/list.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;</content><author><name></name></author><summary type="html">飞饭网（飞饭外卖平台）是我的第一个创业项目，是我在校期间和西交大几个研究生共同创建的外卖网站，当时日交易额一直保持在2万以上，我是团队中的核心前端开发。 Flymeal online food ordering and delivery platform is my first startup business, I created it with others when I was in college, day trading volume had remained at more than 20,000 CNY, I am the core Front-End developer in the team. 校区主页&amp;nbsp;&amp;nbsp;Area home page 商家主页&amp;nbsp;&amp;nbsp;Restaurant homepage 自助开店&amp;nbsp;&amp;nbsp;Restaurants to join 飞饭美食汇&amp;nbsp;&amp;nbsp;Flymeal Foods</summary></entry><entry><title type="html">设计作品</title><link href="/jekyll/update/2017/03/22/design.html" rel="alternate" type="text/html" title="设计作品" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/jekyll/update/2017/03/22/design</id><content type="html" xml:base="/jekyll/update/2017/03/22/design.html">&lt;p&gt;虽然我是一名前端工程师，但我在大多数项目中同时兼顾着设计工作（使用Photoshop），我一直认为前端和设计密不可分，一个前端只有很好的掌握了设计的基础，才能用最高效率，在最大程度上实现一个兼顾页面优雅和代码优雅的作品。&lt;/p&gt;
&lt;p class=&quot;grey&quot;&gt;Although I am a front-end engineer, but in most of my projects, I am also a designer(using Photoshop), I believe that front-end development and design are inseparable, a front-end engineer needs to master some basic design concept and skill, so as to write elegant code and also achieve an elegant interface.&lt;/p&gt;
&lt;div&gt;&lt;i&gt;天合宣传册&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;TianHe system's poster&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/design/front.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;180&quot; src=&quot;/images/design/front.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/left.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;180&quot; src=&quot;/images/design/left.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/right.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;180&quot; src=&quot;/images/design/right.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/back.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;180&quot; src=&quot;/images/design/back.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;&lt;i&gt;封面灵感来源于这张图&lt;/i&gt;（&lt;a href=&quot;http://steffondavis.com/visualizing-taste-in-art-with-big-data-curation-analysis-curalytics-and-curiator/&quot;&gt;Visualizing Taste in Art with Big Data Curation Analysis&lt;/a&gt;）&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;&lt;i&gt;The poster's inspiration comes from this picture&lt;/i&gt;（&lt;a href=&quot;http://steffondavis.com/visualizing-taste-in-art-with-big-data-curation-analysis-curalytics-and-curiator/&quot;&gt;Visualizing Taste in Art with Big Data Curation Analysis&lt;/a&gt;）&lt;/p&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/design/curalytics-curiator-visualization-2000x1953px.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/design/curalytics-curiator-visualization-2000x1953px.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;&lt;i&gt;一般我会用“&lt;a href=&quot;https://balsamiq.com/&quot;&gt;balsamiq&lt;/a&gt;”这个原型设计工具确定产品原型,方便与团队和甲方讨论&lt;/i&gt;&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;&lt;i&gt;I generally use “&lt;a href=&quot;https://balsamiq.com/&quot;&gt;balsamiq&lt;/a&gt;” to design prototypes.&lt;/i&gt;&lt;/p&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/design/prototype3.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/prototype3.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/prototype2.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/prototype2.png&quot;/&gt;
    &lt;/a&gt;
    &lt;div class=&quot;grey&quot;&gt;&lt;i&gt;原型稿&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Prototypes&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
    &lt;br/&gt;
    &lt;p&gt;&lt;i&gt;然后直接用Photoshop进行视觉设计，交互设计会在整个设计阶段进行构思。（有的团队可能会使用Axure设计高保真交互稿，但因为这个阶段太费时，作为一个前端，我更倾向于使用HTML&amp;CSS）&lt;/i&gt;&lt;/p&gt;
    &lt;p class=&quot;translation&quot;&gt;&lt;i&gt;And then use Photoshop.&lt;/i&gt;&lt;/p&gt;
    &lt;a href=&quot;/images/design/product3.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/product3.jpg&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/product2.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/product2.jpg&quot;/&gt;
    &lt;/a&gt;
    &lt;div class=&quot;grey&quot;&gt;&lt;i&gt;最终稿&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Final design draft&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;p&gt;&lt;i&gt;我在奇虎360时的另一个项目，叫“人立方”，我负责设计和前端开发。&lt;/i&gt;&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;&lt;i&gt;This is another project I was involved in Qihoo 360, called &quot;Cube&quot;, I was responsible for the design and front-end development.&lt;/i&gt;&lt;/p&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/design/project1/demo4.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/project1/demo4.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/project1/demo1.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/project1/demo1.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/design/project1/demo7.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/project1/demo7.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/project1/demo3.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/project1/demo3.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/design/project1/demo5.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/project1/demo5.png&quot;/&gt;
    &lt;/a&gt;
    &lt;a href=&quot;/images/design/project1/demo6.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;360&quot; src=&quot;/images/design/project1/demo6.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;</content><author><name></name></author><summary type="html">虽然我是一名前端工程师，但我在大多数项目中同时兼顾着设计工作（使用Photoshop），我一直认为前端和设计密不可分，一个前端只有很好的掌握了设计的基础，才能用最高效率，在最大程度上实现一个兼顾页面优雅和代码优雅的作品。 Although I am a front-end engineer, but in most of my projects, I am also a designer(using Photoshop), I believe that front-end development and design are inseparable, a front-end engineer needs to master some basic design concept and skill, so as to write elegant code and also achieve an elegant interface. 天合宣传册&amp;nbsp;&amp;nbsp;TianHe system's poster 封面灵感来源于这张图（Visualizing Taste in Art with Big Data Curation Analysis） The poster's inspiration comes from this picture（Visualizing Taste in Art with Big Data Curation Analysis） 一般我会用“balsamiq”这个原型设计工具确定产品原型,方便与团队和甲方讨论 I generally use “balsamiq” to design prototypes. 原型稿&amp;nbsp;&amp;nbsp;Prototypes 然后直接用Photoshop进行视觉设计，交互设计会在整个设计阶段进行构思。（有的团队可能会使用Axure设计高保真交互稿，但因为这个阶段太费时，作为一个前端，我更倾向于使用HTML&amp;CSS） And then use Photoshop. 最终稿&amp;nbsp;&amp;nbsp;Final design draft 我在奇虎360时的另一个项目，叫“人立方”，我负责设计和前端开发。 This is another project I was involved in Qihoo 360, called &quot;Cube&quot;, I was responsible for the design and front-end development.</summary></entry><entry><title type="html">道旅酒店预订平台</title><link href="/jekyll/update/2017/03/22/daolv.html" rel="alternate" type="text/html" title="道旅酒店预订平台" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/jekyll/update/2017/03/22/daolv</id><content type="html" xml:base="/jekyll/update/2017/03/22/daolv.html">&lt;p&gt;这是我在大学时帮助另一位国内创业者开发的项目，一个在线酒店预订平台，基于Jquery、Symfony（PHP框架）、MySQL开发的web应用，由我一人实现全部前后端、管理端代码。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;This is a project I developed when I was in college, an online hotel booking website, based on Jquery, Symfony (PHP framework), MySQL, I wrote all the Front-End and PHP code.&lt;/p&gt;
&lt;div&gt;&lt;i&gt;主页&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Index&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/daolv/daolv.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/daolv/daolv.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;房间页面&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Rooms List&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/daolv/daolv3.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/daolv/daolv3.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;酒店列表&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Hotels List&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/daolv/daolv4.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/daolv/daolv4.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;用户页面&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;User profile&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/daolv/daolv2.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/daolv/daolv2.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;后台—订单管理&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Admin-Orders management&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/daolv/admin.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/daolv/admin.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;后台—用户管理&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Admin-Users management&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/daolv/admin2.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/daolv/admin2.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;</content><author><name></name></author><summary type="html">这是我在大学时帮助另一位国内创业者开发的项目，一个在线酒店预订平台，基于Jquery、Symfony（PHP框架）、MySQL开发的web应用，由我一人实现全部前后端、管理端代码。 This is a project I developed when I was in college, an online hotel booking website, based on Jquery, Symfony (PHP framework), MySQL, I wrote all the Front-End and PHP code. 主页&amp;nbsp;&amp;nbsp;Index 房间页面&amp;nbsp;&amp;nbsp;Rooms List 酒店列表&amp;nbsp;&amp;nbsp;Hotels List 用户页面&amp;nbsp;&amp;nbsp;User profile 后台—订单管理&amp;nbsp;&amp;nbsp;Admin-Orders management 后台—用户管理&amp;nbsp;&amp;nbsp;Admin-Users management</summary></entry><entry><title type="html">OffersFun折扣平台</title><link href="/jekyll/update/2017/03/22/offersfun.html" rel="alternate" type="text/html" title="OffersFun折扣平台" /><published>2017-03-22T09:46:29+00:00</published><updated>2017-03-22T09:46:29+00:00</updated><id>/jekyll/update/2017/03/22/offersfun</id><content type="html" xml:base="/jekyll/update/2017/03/22/offersfun.html">&lt;p&gt;这是我在大学时单接的一个项目，帮助一位澳大利亚华人在澳大利亚创业，一个在线折扣平台，基于Backbone、Slim(Restful PHP框架)、MongoDB架构开发的单页面应用，由我一人实现全部前后端代码。&lt;/p&gt;
&lt;p class=&quot;translation&quot;&gt;This is a project I developed when I was in college, an online shopping offers and deals website in Australia, based on Backbone, Slim (Restful PHP framework), MongoDB, is a single page application, I wrote all the front-end and PHP code.&lt;/p&gt;
&lt;div&gt;&lt;i&gt;主页&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Index&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/offersfun/index.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/offersfun/index.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;商品页&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Products List&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/offersfun/myBusiness.png&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/offersfun/myBusiness.png&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;创建账户&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Create Account&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/offersfun/createProfile.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/offersfun/createProfile.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;&lt;i&gt;提交信息&lt;span class=&quot;grey&quot;&gt;&amp;nbsp;&amp;nbsp;Submit&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div&gt;
    &lt;a href=&quot;/images/offersfun/information.jpg&quot; target=&quot;_blank&quot;&gt;
        &lt;img width=&quot;735&quot; src=&quot;/images/offersfun/information.jpg&quot;/&gt;
    &lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;</content><author><name></name></author><summary type="html">这是我在大学时单接的一个项目，帮助一位澳大利亚华人在澳大利亚创业，一个在线折扣平台，基于Backbone、Slim(Restful PHP框架)、MongoDB架构开发的单页面应用，由我一人实现全部前后端代码。 This is a project I developed when I was in college, an online shopping offers and deals website in Australia, based on Backbone, Slim (Restful PHP framework), MongoDB, is a single page application, I wrote all the front-end and PHP code. 主页&amp;nbsp;&amp;nbsp;Index 商品页&amp;nbsp;&amp;nbsp;Products List 创建账户&amp;nbsp;&amp;nbsp;Create Account 提交信息&amp;nbsp;&amp;nbsp;Submit</summary></entry></feed>