vvplan.github.io/about.html at master · vvplan/vvplan.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>关于计划 | 虚谷计划</title>
  <meta name="description" content="虚谷计划是一个包含硬件和软件的开源教育项目，由一线教师联合高校、创客空间和科技企业共同发起。">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <!-- Navigation -->
  <header class="site-header scrolled" id="header">
    <div class="container nav-container">
      <a class="logo" href="/">
        <span class="logo-mark">虚</span>
        <span class="logo-text">虚谷计划</span>
      </a>
      <nav class="main-nav">
        <a href="about.html">关于计划</a>
        <a href="maker.html">创客教育</a>
        <a href="ai.html">人工智能</a>
        <a href="ecosystem.html">生态伙伴</a>
        <a href="list.html" class="btn btn-sm btn-outline">项目列表</a>
      </nav>
      <button class="menu-toggle" aria-label="菜单" id="menuToggle">
        <span></span><span></span><span></span>
      </button>
    </div>
  </header>

  <!-- Mobile Menu -->
  <div class="mobile-menu" id="mobileMenu">
    <a href="about.html">关于计划</a>
    <a href="maker.html">创客教育</a>
    <a href="ai.html">人工智能</a>
    <a href="ecosystem.html">生态伙伴</a>
    <a href="list.html">项目列表</a>
  </div>

  <!-- Page Header -->
  <section class="page-header">
    <div class="container">
      <h1>关于计划</h1>
      <p>虚怀若谷，共创未来。源于教育，服务教育。</p>
    </div>
  </section>

  <!-- About Story -->
  <section class="section section-about">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">发展历程</span>
        <h2 class="section-title">从创客教育<br>到人工智能教育</h2>
      </div>
      <div class="about-story about-story-wide">
        <p>虚谷计划最早从 2018 年发起，一开始以创客教育为核心方向，先后形成了<strong>虚谷号</strong>、<strong>掌控板</strong>、<strong>虚谷物联</strong>和<strong>乐造模块</strong>等项目。其中掌控板项目发展良好，已成为国内中小学创客教育最常用的开源硬件之一，虚谷物联项目中的 MQTT 服务器“SIoT”也成为中小学物联网教学的重要工具。</p>
        <p>2022 年之后，虚谷计划团队逐步转向人工智能教育，<strong>XEduPro</strong>、<strong>OpenHydra</strong>、<strong>QuickForm</strong>、<strong>QuickClass</strong> 等新项目持续加入，构建起覆盖开源硬件、物联网、人工智能工具与教学平台的完整教育生态。</p>
        <p>虚谷计划是一个包含硬件和软件的开源教育项目，由一线教师联合高校、创客空间和科技企业共同发起，致力于为中国青少年提供完整、开放、可复制、可实践的人工智能与科技教育解决方案。</p>
      </div>
      <div class="features-grid">
        <div class="feature-card">
          <div class="feature-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
          </div>
          <h3>开源硬件</h3>
          <p>从芯片选型到板载接口，从固件到案例，全部开源，教师与学生可自由拆解、修改与创造。</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
          </div>
          <h3>教学适配</h3>
          <p>课程设计紧贴中小学信息技术、综合实践与人工智能课程标准，降低教师开课门槛。</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
          </div>
          <h3>生态共建</h3>
          <p>联合高校、创客空间与企业，构建覆盖工具、课程、赛事与社区服务的完整教育生态。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Timeline -->
  <section class="section section-timeline">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">时间线</span>
        <h2 class="section-title">成长足迹</h2>
      </div>
      <div class="timeline">
        <div class="timeline-item">
          <div class="timeline-year">2018</div>
          <div class="timeline-content">
            <h3>计划发起</h3>
            <p>以创客教育为核心方向，推出虚谷号、掌控板等项目。</p>
          </div>
        </div>
        <div class="timeline-item">
          <div class="timeline-year">2019</div>
          <div class="timeline-content">
            <h3>物联网布局</h3>
            <p>推出虚谷物联项目，SIoT 成为中小学物联网教学的重要工具。</p>
          </div>
        </div>
        <div class="timeline-item">
          <div class="timeline-year">2020</div>
          <div class="timeline-content">
            <h3>结构件方案</h3>
            <p>乐造模块为创客教育与 STEAM 提供低成本木质结构件方案。</p>
          </div>
        </div>
        <div class="timeline-item">
          <div class="timeline-year">2022</div>
          <div class="timeline-content">
            <h3>转向人工智能教育</h3>
            <p>推出 XEduPro，成为人工智能初学者必用学习工具。</p>
          </div>
        </div>
        <div class="timeline-item">
          <div class="timeline-year">2024 — 2026</div>
          <div class="timeline-content">
            <h3>AI 教育生态成型</h3>
            <p>OpenHydra、QuickForm、QuickClass 陆续加入，覆盖教学平台、数据服务与课堂辅助。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="site-footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <a class="logo" href="/">
            <span class="logo-mark">虚</span>
            <span class="logo-text">虚谷计划</span>
          </a>
          <p>中国的开源教育计划，让人工智能与开源硬件点亮每一间课堂。</p>
        </div>
        <div class="footer-links">
          <h4>热门项目</h4>
          <a href="/handpy">掌控板</a>
          <a href="/vvlink">虚谷物联</a>
          <a href="https://quickform.cc/" target="_blank" rel="noopener">QuickForm</a>
          <a href="https://xedupro.cn/" target="_blank" rel="noopener">XEduPro</a>
          <a href="https://openhydra.net/" target="_blank" rel="noopener">OpenHydra</a>
        </div>
        <div class="footer-links">
          <h4>导航</h4>
          <a href="list.html">项目列表</a>
          <a href="about.html">关于我们</a>
          <a href="maker.html">创客教育</a>
          <a href="ai.html">人工智能</a>
        </div>
      </div>
      <div class="footer-bottom">
        <p>© 虚谷计划组委会 2018 — 2026. 保留所有权利。</p>
      </div>
    </div>
  </footer>

  <script>
    const menuToggle = document.getElementById('menuToggle');
    const mobileMenu = document.getElementById('mobileMenu');
    menuToggle.addEventListener('click', () => {
      menuToggle.classList.toggle('active');
      mobileMenu.classList.toggle('open');
    });
    mobileMenu.querySelectorAll('a').forEach(link => {
      link.addEventListener('click', () => {
        menuToggle.classList.remove('active');
        mobileMenu.classList.remove('open');
      });
    });
  </script>
</body>
</html>