vvplan.github.io/ai.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
<!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="虚谷计划人工智能教育项目：XEduPro、OpenHydra、QuickForm、QuickClass、XEdu Client，让人工智能学习变得简单、可实践、可落地。">
  <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>AI 教育新生态</h1>
      <p>2022 年后，虚谷计划逐步转向人工智能教育。这些工具与平台让人工智能学习变得简单、可实践、可落地。</p>
    </div>
  </section>

  <!-- AI Projects -->
  <section class="section section-ai" id="ai">
    <div class="container">
      <div class="ai-grid">
        <a href="https://xedupro.cn/" target="_blank" rel="noopener" class="ai-card ai-xedu">
          <div class="ai-icon"><img src="images/xedu-logo.svg" alt="XEduPro"></div>
          <div class="ai-body">
            <div class="ai-meta">
              <span>2022</span>
              <span class="project-status status-active">持续中</span>
            </div>
            <h3>XEduPro</h3>
            <div class="ai-founder">发起人（单位）：<strong>谢作如、钟柏昌</strong></div>
            <p>一套开箱即用的人工智能学习工具，已成为人工智能初学者必用学习工具。</p>
            <span class="project-link">访问项目 →</span>
          </div>
        </a>
        <a href="https://openhydra.net/" target="_blank" rel="noopener" class="ai-card ai-hydra">
          <div class="ai-icon"><img src="images/openhydra.png" alt="OpenHydra"></div>
          <div class="ai-body">
            <div class="ai-meta">
              <span>2024</span>
              <span class="project-status status-active">持续中</span>
            </div>
            <h3>OpenHydra</h3>
            <div class="ai-founder">发起人（单位）：<strong>谢作如、钟柏昌</strong></div>
            <p>为中小学设计的 AI 教学平台，让学校轻松部署与开展人工智能课程。</p>
            <span class="project-link">访问项目 →</span>
          </div>
        </a>
        <a href="https://quickform.cc/" target="_blank" rel="noopener" class="ai-card ai-form">
          <div class="ai-icon"><img src="images/quickform.jpg" alt="QuickForm"></div>
          <div class="ai-body">
            <div class="ai-meta">
              <span>2025</span>
              <span class="project-status status-active">持续中</span>
            </div>
            <h3>QuickForm</h3>
            <div class="ai-founder">发起人（单位）：<strong>谢作如、方建文</strong></div>
            <p>为 AI 大模型开发交互网页设计的数据服务，已拥有 3 万多教师用户。</p>
            <span class="project-link">访问项目 →</span>
          </div>
        </a>
        <a href="https://gitee.com/maoyouhui/quickclass-release/" target="_blank" rel="noopener" class="ai-card ai-class">
          <div class="ai-icon"><img src="images/quickclass.png" alt="QuickClass"></div>
          <div class="ai-body">
            <div class="ai-meta">
              <span>2026</span>
              <span class="project-status status-active">持续中</span>
            </div>
            <h3>QuickClass</h3>
            <div class="ai-founder">发起人（单位）：<strong>管雪沨</strong></div>
            <p>一个 AI 驱动的课堂教学辅助平台，助力教师打造更高效的智能课堂。</p>
            <span class="project-link">访问项目 →</span>
          </div>
        </a>
        <a href="xedu-client.html" class="ai-card ai-client">
          <div class="ai-icon"><img src="images/xedu-client/xedu-client-logo.svg" alt="XEdu Client"></div>
          <div class="ai-body">
            <div class="ai-meta">
              <span>2026</span>
              <span class="project-status status-active">持续中</span>
            </div>
            <h3>XEdu Client</h3>
            <div class="ai-founder">发起人（单位）：<strong>王海涛、XEdu Team</strong></div>
            <p>面向 AI 教学场景的桌面实验工作台，把课程资源、Scratch 与 Python/Jupyter 实验组织到同一入口。</p>
            <span class="project-link">访问项目 →</span>
          </div>
        </a>
      </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="xedu-client.html">XEdu Client</a>
          <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>