<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>案例_<?php echo e($data['title']); ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="移动机器人,机器人,人工智能,智能技术,人机交互,虚拟现实,艺术风格化_<?php echo e($data['keywords']); ?>">
    <meta name="Description" content="移动机器人与智能技术实验室依托北京邮电大学，主要从事机器学习、模式识别、机器视觉、人机交互、系统仿真等智能技术，以及家用机器人、娱乐机器人、新型打印显示等研发与产业化。<?php echo e($data['description']); ?>">

    <link href="./static_demo/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" media="screen and (min-width: 767px)" href="./static_demo/style.css">
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 767px)" href="./static_demo/small.css">

    <!--[if lt IE 9]>
    <script src="./html5.js" type="text/javascript"></script>
    <script src="./respond.min.js"></script>
    <![endif]-->
</head>
<body style="">
<div class="header-bg"></div>
<div class="header">
    <div class="container">
        <div class="header-box">
            <img src="./static_demo/logo.png" title="移动机器人与智能技术实验室">
        </div>
    </div>
</div>

<div class="nav-box">
    <div class="container">
        <button type="button" class="navbar-toggle dropdown" data-toggle="collapse" data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse nav-div" id="example-navbar-collapse">
          
            <ul class="nav nav-pills nav-justified ">

                <li><a href="./index.html">首页</a></li>

                <li><a href="./room.html">成员信息</a></li>

                <li><a href="./xiangmu.html">科研项目</a></li>

                <li><a href="./lunwen.html">论文著作</a></li>

                <li><a href="./dongtai.html">最新动态</a></li>

                <li><a href="./lianjie.html">友情链接</a></li>

                <li><a href="./ziyuan.html">资源共享</a></li>

                <li><a href="./huodong.html">活动剪影</a></li>

                <li class="nav-active"><a href="./demo.html">Demo展示</a></li>
     
            </ul>

        </div>
    </div>
</div>

<div class="project-detail-box">
    <div class="container">

          <div class="pro-detail-text">
           <h4 style="font-family: inherit; font-style: inherit; white-space: normal; margin: 0px 0px 0.3em; padding: 0px; border: 0px currentcolor; border-image-source: none; line-height: 1; font-size: 1.25em; vertical-align: baseline;"><span style="font-family: &#39;arial black&#39;, &#39;avant garde&#39;;"></span></h4><h4 style="margin-top:0;margin-right:0;margin-bottom:4px;margin-left:0;text-indent:0;padding:0 0 0 0 ;vertical-align:baseline"><span style="font-size: 20px;"><strong><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;">Lab of Mobile Robot &amp; Intelligent technology</span></strong></span></h4><h4 style="margin-top:0;margin-right:0;margin-bottom:4px;margin-left:0;text-indent:0;padding:0 0 0 0 ;vertical-align:baseline"><span style="font-size: 20px;"><strong><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;"></span></strong></span><span style="font-size: 20px;"><strong><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;"><br></span></strong></span></h4><table width="-203" align="center" style="width: 1058px;"><tbody><tr class="firstRow"><td width="507" align="left" valign="middle" style="word-break: break-all;"><span style="font-size: 16px;"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;">SLAM test</span></span></td><td width="507" align="left" valign="middle" style="word-break: break-all;"><ul class="v vsh list-paddingleft-2" style="list-style-type: none;"><li><p><a title="Generating Voronoi" style="cursor: pointer; color: rgb(85, 85, 85); text-decoration: none;" href="http://v.youku.com/v_show/id_XMTY0OTMyNTYwNA==.html" target="_blank"><span style="font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;">Generating Voronoi</span></a></p></li></ul><span style="font-size:10px"></span></td></tr><tr><td width="507" valign="top" style="word-break: break-all;"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTUwMTAwOTgyOA==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"></td><td width="507" valign="top" style="word-break: break-all;"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTY0OTMyNTYwNA==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" title="Adobe Flash Player"></td></tr><tr><td width="507" align="left" valign="middle" style="word-break: break-all;" rowspan="1" colspan="1"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Simultaneous localization and mapping</span></td><td width="507" align="left" valign="middle" style="word-break: break-all;" rowspan="1" colspan="1"><span style="font-size: x-small;"></span><a title="Generating Voronoi" style="white-space: normal; cursor: pointer; color: rgb(85, 85, 85); font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px; text-decoration: none;" href="http://v.youku.com/v_show/id_XMTY0OTMyNTYwNA==.html" target="_blank"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Generating Voronoi</span></a><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px; text-decoration: none;">&nbsp;for Path Planning &nbsp;</span> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</td></tr><tr><td align="left" valign="middle" style="word-break: break-all;" rowspan="1" colspan="1"><br></td><td align="left" valign="middle" style="word-break: break-all;" rowspan="1" colspan="1"><br></td></tr><tr><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><span style="font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;">Robot Mapping Technology</span></td><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><p><span style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; text-decoration: none;"><a title="Mapping on a Pad" style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; text-decoration: none;" href="http://v.youku.com/v_show/id_XMTY0OTMzMzk0OA==.html" target="_blank">Mapping </a>t</span><span style="font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; text-decoration: none;">est</span></p></td></tr><tr><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTY0OTMzMzAxMg==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"></td><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTY0OTMzMzk0OA==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"></td></tr><tr><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Robot Mapping for Coverage Planning</span></td><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><p><a title="Mapping on a Pad" style="cursor: pointer; color: rgb(85, 85, 85); font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px; text-decoration: none;" href="http://v.youku.com/v_show/id_XMTY0OTMzMzk0OA==.html" target="_blank"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Mapping on a Android Pad</span></a></p></td></tr><tr><td width="507" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><span style="font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;"><br></span></td><td width="507" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><ul class="v vsh list-paddingleft-2" style="list-style-type: none;"></ul></td></tr><tr><td width="507" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><p><span style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;"></span></p><p><a title="Obstacle avoidance test1" style="color: rgb(85, 85, 85); letter-spacing: 0px; font-family: &quot;Palatino Linotype&quot;; font-size: 16px; text-decoration: none; cursor: pointer;" href="http://v.youku.com/v_show/id_XMTY0OTM1MjY2MA==.html" target="_blank"><span style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;">Path</span></a><span style="color: rgb(85, 85, 85); letter-spacing: 0px; font-family: &quot;Palatino Linotype&quot;; font-size: 16px; text-decoration: none; cursor: pointer;">&nbsp;Planning</span><br></p></td><td width="507" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><p><span style="color: rgb(85, 85, 85); letter-spacing: 0px; font-family: &quot;Palatino Linotype&quot;; font-size: 16px; text-decoration: none; cursor: pointer;"><span style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px;">Obstacle avoidance</span></span></p><span style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; text-decoration: none;"></span></td></tr><tr><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTg3Mzk2ODIyOA==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"></td><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTg3MzAzMjk5Ng==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"></td></tr><tr><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><p><a title="Mapping on a Pad" style="white-space: normal; cursor: pointer; color: rgb(85, 85, 85); font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px; text-decoration: none;" href="http://v.youku.com/v_show/id_XMTY0OTMzMzk0OA==.html" target="_blank"><span style="cursor: pointer; color: rgb(85, 85, 85); font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Path planning for the&nbsp;coverage problem</span></a><br></p></td><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><a title="Mapping on a Pad" style="cursor: pointer; color: rgb(85, 85, 85); font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px; text-decoration: none;" href="http://v.youku.com/v_show/id_XMTY0OTMzMzk0OA==.html" target="_blank"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Robot o</span></a><a title="Obstacle avoidance test1" style="white-space: normal; cursor: pointer; color: rgb(85, 85, 85); font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px; text-decoration: none;" href="http://v.youku.com/v_show/id_XMTY0OTM1MjY2MA==.html" target="_blank"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">bstacle avoidance</span></a></td></tr></tbody></table><p><br></p><table><tbody><tr class="firstRow"><td width="515" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><span style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; text-decoration: none;">Robot following test I</span></td><td width="424" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><ul class="v vsh list-paddingleft-2" style="list-style-type: none;"><span style="cursor: pointer; color: rgb(85, 85, 85); font-size: 16px; font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; text-decoration: none;">Robot following test II</span></ul></td></tr><tr><td width="515" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTg5MTQwMDMwOA==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"></td><td width="424" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://player.youku.com/player.php/sid/XMTg5MTQwMjA0NA==/v.swf" width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"></td></tr><tr><td width="515" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Robot following test by&nbsp;tracking a girl</span></td><td width="424" valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><ul class="v vsh list-paddingleft-2" style="list-style-type: none;"><span style="font-family: &#39;Palatino Linotype&#39;; letter-spacing: 0px; font-size: 14px;">Robot following test by&nbsp;tracking a man</span></ul></td></tr><tr><td valign="top" style="word-break: break-all;" rowspan="1" colspan="1"><br></td><td valign="top" rowspan="1" colspan="1"><br></td></tr></tbody></table><p><br></p>
        </div>

    </div>
</div>

<div class="index-footer">
    <div class="container">
        <?php if($data['open_foot'] == 1): ?>
            <span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
            <span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
            <span style="display: inline !important">友情链接:
                <?php foreach($data['lianjie_name'] as $key => $vo): ?>
                    <a style="display: inline !important; color:#000;marhin-rignt:10px;"
                       href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                <?php endforeach; ?>
                </span>
        <?php else: ?>
            <span>© 2018 北邮移动机器人与智能技术实验室 苏ICP备15058882号-1</span>
            <span>© 2018 Laboratory of Mobile Robot &amp; Intelligent Technology, BUPT</span>
            <span>联系方式：010-61198980　　地址：北京市海淀区西土城路10号，北京邮电大学新科研大楼801、806室&nbsp;&nbsp;&nbsp;&nbsp;<script
                        type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
                    document.write(unescape("%3Cspan style='display:inline;' id='cnzz_stat_icon_1259972889'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1259972889%26show%3Dpic2' type='text/javascript'%3E%3C/script%3E"));</script><span
                        style="display:inline;" id="cnzz_stat_icon_1259972889"><a
                            href="http://www.cnzz.com/stat/website.php?web_id=1259972889" target="_blank"
                            title="站长统计"><img
                                border="0" hspace="0" vspace="0" src="static_index/pic2.gif"></a></span><script
                        src="static_index/z_stat.php" type="text/javascript"></script><script
                        src="static_index/core.php"
                        charset="utf-8" type="text/javascript"></script></span>
        <?php endif; ?>
    </div>
</div>

<script src="./static_demo/jquery-2.0.3.min.js"></script>
<script src="./static_demo/bootstrap.min.js"></script>
<script src="./static_demo/robot.js"></script>
<script>
   $('.nav-box ul li').eq(8).addClass('nav-active');
</script>
<script src="/static/plugins/jquery/jquery.js"></script>
<?php if($data['open_bd'] == 1): ?>
    <script>
        let bd_image = "<?php echo e($data['bd_image']); ?>",
            bd_link = "<?php echo e($data['bd_link']); ?>";
    </script>
    <script src="/static/js/bd.js"></script>
<?php endif; ?>
<style>
    .nico {
        position: fixed;
        top: 10px;
        right: 0;
        bottom: 0;
        z-index: 10000;
        width: 400px;
        height: 500px;
        border: 0;
        background-color: #fff;
        box-shadow: 0 0 0 4px lightseagreen
    }

    .nico * {
        padding: 0;
        margin: 0;
    }

    .news_wrap {
        position: relative;
        height: 500px;
    }

    .news_wrap li {
        position: relative;
        padding-left: 10px;
        list-style-type: none;
        display: block;
        width: 380px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid grey
    }

    .news_wrap li > span {
        display: block;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        line-height: 40px;
    }

    .news_wrap li > i {
        position: absolute;
        width: 80px;
        font-size: .5rem;
        top: 0;
        right: 0;
    }

    .page-btn {
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: 0;
    }

    .page-btn li {
        font-size: .8rem;
        padding: 0 !important;
        margin-left: 2px;
        list-style-type: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }

    .clicked {
        background-color: #0c5460;
        color: #fff;
    }
</style>
<div class="nico">
    <div class="news_wrap">
        <ul>
            <?php foreach($data['list'][0] as $vo): ?>
                <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
                    <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
                </li>
            <?php endforeach; ?>
        </ul>
        <div class="page-btn">
            <ul>
                <?php foreach($data['list'] as $key => $vo): ?>
                    <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
</body>
</html>